[JavaScript][HTML][PHP]Grupa checkbox-ów zależna od innego checkbox-a Opcje

[Szunaj85]

Mam 2 grupy checkbox-ów (wybor i grupa_2).
I teraz chciałbym aby możliwość wyboru wszystkich checkbox-ów w grupie 2 była zablokowana do czasu aż zostanie zaznaczony checkbox wybor.
Gdy checkbox wybor zostanie zaznaczony, wszystkie checkbox-y z grupy 2 mają być odblokowane aż do momętu odznaczenia checkbox-a wybor.
Myślę tu o jquery, ewentualnie javascript lub html. I choć próbowałem nie mogę znaleźć rozwiązania problemu.
Ważną sprawą jest, że wszystkie checkbox-y z grupy 2 muszą mieć ten sam atrybut "name".

[HTML] pobierz, plaintext 
<td><input type="checkbox" name="wybor" value="$POST[tak]"/>Wybór</td>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<td><input type="checkbox" name="grupa_2" value="$POST[1]"/>1</td>
<td><input type="checkbox" name="grupa_2" value="$POST[2]"/>2</td>
<td><input type="checkbox" name="grupa_2" value="$POST[3]"/>3</td>
<td><input type="checkbox" name="grupa_2" value="$POST[4]"/>4</td>
[HTML] pobierz, plaintext 

Ten post edytował Szunaj85 9.12.2013, 17:53:17

[timon27]

[PHP] pobierz, plaintext 
<script>
function f(checkboxWybor){
     if(checkboxWybor.checked){
      document.getElementById("ch1").disabled=true;
      document.getElementById("ch2").disabled=true;
      document.getElementById("ch3").disabled=true;
      document.getElementById("ch4").disabled=true;
   }else{
      document.getElementById("ch1").disabled=false;
      document.getElementById("ch2").disabled=false;
      document.getElementById("ch3").disabled=false;
      document.getElementById("ch4").disabled=false;
   }
}
</script>
 
    <td><input type="checkbox" name="wybor" value="$POST[tak]"/ onchange='f(this)'>Wybór</td>
 
    <td><input id=ch1 type="checkbox" name="grupa_2" value="$POST[1]"/>1</td>
    <td><input id=ch2 type="checkbox" name="grupa_2" value="$POST[2]"/>2</td>
    <td><input id=ch3 type="checkbox" name="grupa_2" value="$POST[3]"/>3</td>
    <td><input id=ch4 type="checkbox" name="grupa_2" value="$POST[4]"/>4</td>
[PHP] pobierz, plaintext 

Tylko potem ten sam if musi być w php. Ale to raczej oczywiste.
Robiłem z ręki więc może być błąd. Ale idea słuszna.

Ten post edytował timon27 9.12.2013, 19:07:21

[Szunaj85]

W połowie działa. Nieważne, że odwrotnie niż napisałem, to akurat małe piwo.
Jednak checkbox-y z grupy 2 zostają zablokowane w momęcie gdy checkbox wybor zostanie zaznaczony,
wcześniej są cały czas niezablokowane, a ja chciałbym (tak jak już wcześniej napisałem) aby były zablokowane od samego początku do czasu jego zaznaczenia lub późniejszego odznaczenia.
Innymi słowy do czasu pierwszego wciśnięcia checkbox-a wybor skrypt nie wykonuje swojego zadania.
Jak to rozwiązać?

Edit:

Myślę, że jakoś sobie z tym poradziłem, aby skrypt działał od samego początku użyłem zdarzenia "onload", czyli zdarzenia zachodzącego w momencie wczytania (pobrania) strony www do przeglądarki.
Jeśli jednak znacie lepsze rozwiązanie podzielcie się nim.
Zastanawiam się też, czy powyższego kody nie da się jakoś zoptymalizować.
Czy za każdym razem trzeba pisać "document.getElementById..." dla każdego checkbox-a, czy dałoby radę to uprościć?

Ten post edytował Szunaj85 11.12.2013, 14:19:57

[Turson]

Co do uproszczenia to pętla się nada

[JAVASCRIPT] pobierz, plaintext 
for(var i=1;i<=4;i++){
	document.getElementById("ch"+i).disabled=true;
}
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował Turson 11.12.2013, 14:25:43