Dobranie się do kilku elementów i zmiana ich wyglądu

Question

Próbowałem walczyć w CSS, jednakże po moich wyczynach i googlowaniu najlepiej będzie chyba posłużyć się js.

Zależy mi aby po kliknięciu checboxa (jednego lub drugiego) java script zmienił wygląd.

Moje elementy nie posiadają id ani klas. W CSS aby dobrać się do nich użyłem: 

#jakisDIV .jakasKlasa label:nth-of-type(1)

#jakisDIV .jakasKlasa label:nth-of-type(2)

Teraz pytanie jak dostać się za pomocą JS do tego elementu dodatkowo aby sprawdził czy jest checked (jesli tak to zmieniamy wygląd). Proszę o jakaś wskazówkę. 

Answer 1

w JS możesz również użyć takiego pokręconego selektora przekazując go jako argument dla metody

document.querySelector( 'selector' );
//lub
document.querySelectorAll( 'selector' );

następnie możesz sprawdzić po prostu właściwość checked tego elementu:

const checkboxes = document.querySelectorAll( 'selector' );

if ( checkboxes[2].checked ) {
    //wykonuje, jeśli trzeci kolejny checkbox dla danego selektora
    //ma checked === true
}

Następnie po prostu możesz dla elementu przypisać inną klasę, chociażby stosując

element.classList.toggle( 'klasa włączana i wyłączana naprzemiennie' )

Unikaj jednak stosowania takich udziwnionych selektorów. Lepiej operować klasami.

Answer 2

querySelector/querySelectorAll, if...else, checked