Question

我有这个HTML代码， 3个复选框， All 复选框用于控制1＆amp; 2复选框如果我单击所有复选框，则仅更改 info [] 名称的复选框。我需要的是如果我改变 All 复选框，1＆amp; 2复选框将切换选中。

All: <input type="checkbox" onchange="togglecheckboxesAll(this,'info[]')"> | 

1 <input type="checkbox" class="check" />
2 <input type="checkbox" name="info[]" class="check2"/>

这是javascript代码。

PS：

复选框1的选择器是 class =“check”

复选框2的选择器是 name =“info []”

function togglecheckboxesAll(master,group){
    var cbarray = document.getElementsByName(group);
    var cbarray2 = document.getElementsByName('check');
    for(var i = 0; i < cbarray.length; i++){
        cbarray[i].checked = master.checked; 
    }

    for(var a = 0; a < cbarray2.length; a++){
        cbarray2[a].checked = master.checked;
    }
}

对不起，我对javascript了解不多。

谢谢

Answer 1

使用组的类名

 all <input type="checkbox" onChange="togglecheckboxesAll(this,'clickgroup')" />

1 <input type="checkbox" class="check clickGroup" />
2 <input type="checkbox" class="check2 clickGroup" />

function togglecheckboxesAll(master, group){
    var elems = document.getElementsByTagName('input'), i;
    for (i in elems) {
        if((' ' + elems[i].className + ' ').indexOf(' ' + matchClass + ' ')
                > -1) {
            elems[i].checked= master.checked;
        }
}

Javascript切换复选框2类

1 个答案: