Złapanie konkretnego Labela w JS

Question

Witam,

Mam taki o to sobie kod: 

<label name="lab[]" >
<input type="checkbox" name="ckbox[]" value="Bike" <?=in_array( "Bike", $checkbox ) ? ' checked' : '';?>  >checkbox1
</label>
    
<label  name="lab[]" >
<input type="checkbox" name="ckbox[]" value="Motor" <?=in_array( "Motor", $checkbox ) ? ' checked' : '';?> >checkbox2
</label>
    
<label  name="lab[]" >
<input type="checkbox" name="ckbox[]" value="Car" <?=in_array( "Car", $checkbox ) ? ' checked' : '';?> >checkbox3
</label>

Pewnie się mylę, ale czy mogę założyć że poprzez taką deklarację labela mam atrybut name = lab[] w postaci tablicy ? Wychodząc z takiego założenia próbuję złapać konkretny label metodą document.getElementByName("lab[0]"), document.getElementByName("lab[1]") aby móc mu podmienić background-color w zależności czy zaznaczona checkbox czy nie,ale ta metoda nie działa.

Próbowałem też document.querySelectorAll( '[name="lab[]"]' ), ale też nie działa. 

Jak więc zadeklarować tablicę labelów żeby nie robić 50 czy 100 osobnych ID , albo jak je złapać w JS?

Comments

Rozwiązywanie tego typu [name] do tablicy odbywa się po stronie serwera i to nie we wszystkich językach. Nie jest to żaden standard.

Answer 1

Chyba dobrze zrozumiałem, chcesz złapać w JS wszystkie label?

Użyj więć getElementsByTagName

Comments

tak jak w kodzie powyżej, mam 3 labele
chce w JS złapać np drugi i podłożyć mu background-color="red"; nie zmieniając tła pozostałych

---

No to przecież zawsze możesz zrobić coś w takim stylu

https://codepen.io/anon/pen/oGZrqj

Answer 2

Dobra dałem sobie radę:

var lab = document.getElementsByName("lab[]");

lab.item(1).style.backgroundColor="rgba(255,0,0,0.4)";

 

Answer 3

A nie możesz po prostu dać im takiej samej klasy?

I wtedy w JS użyć document.querySelectorAll('.nazwa-klasy') i powinno być ok ;)