zaskrtnutie viacerych checkboxov (nie vsetkych) vo forme

vital · Napísal **vital**: 03.07.2011 19:32

Zdravim.

zasekol som sa na tom, ze neviem obmedzit zaskrtavanie checkboxov na urcitu triedu v ramci toho isteho formulara.

majme jeden formular, v nom 8 checkboxov, a nech su rozdelene do dvoch skupin, ktore by som chcel zaskrtavat naraz.
zo styroch v skupine bude prvy ten ktory zaskrtne vsetky v skupine.

Kód:

<form id="filter" action="" method="get">
                   
      <input type="checkbox" class="ch1" name="checkall" onclick="checkAll_(ch1);">all
      <input type="checkbox" class="ch1" name="str[1]" value="1">opt1
      <input type="checkbox" class="ch1" name="str[2]" value="1">opt2
      <input type="checkbox" class="ch1" name="str[3]" value="1">opt3
       
      <input type="checkbox" class="ch2" name="checkall" onclick="checkAll_(ch2)">all     
      <input type="checkbox" class="ch2" name="pos[1]" value="1">opt1
      <input type="checkbox" class="ch2" name="pos[2]" value="1">opt2
      <input type="checkbox" class="ch2" name="pos[3]" value="1">opt3

      <input type="submit" value="Submit">
</form>

viete mi poradit ako by mal vyzerat javascript, ktory by bol schopny zaskrtavat checkboxy podla triedy?

vsetky checkboxy v ramci formu som riesil takto:

Kód:

function checkAll (filter) {
    var xy = document.getElementById('filter');
    if(checked == false){
        checked = true
    }
    else{
        checked = false
    }
    for(var i = 0; i < xy.elements.length; i++){
   xy.elements[i].checked = checked;
    }
}

idealne by bolo mat triedu ako parameter funkcie, ale dalej...

vdaka vopred

Ďuri · Napísal **Ďuri**: 03.07.2011 20:18

V tom cykle pouzi podmienku, ktora bude kontrolovat xy.elements[i].className.
Len tak mimochodom, na zaciatku by si mohol pouzit

Kód:

var xy = document.getElementById('filter').getElementsByTagName('input');

a potom by si mohol vsade pracovat s xy miesto xy.elements.
Takisto zapis

Kód:

    if(checked == false){
        checked = true
    }
    else{
        checked = false
    } 

sa da podstatne zjednodusit:

Kód:

checked = !checked;

zaskrtnutie viacerych checkboxov (nie vsetkych) vo forme

Podobné témy