在javascript中检查复选框组

时间:2014-07-24 14:36:19

标签: javascript checkbox

我正在寻找可以检查集合组中多个复选框的javascript。 我正在寻找能够实现这一目标的东西: 如果选中复选框group1,则复选框1,2,3,4,5。

我没有在Javascript中找到类似的解决方案,请帮帮我!

1 个答案:

答案 0 :(得分:0)

这是一个解决方案:

HTML:*

<input type="checkbox" onchange="check('1');" name="GRP" id="GRP1" />G1
<br>
<input type="checkbox"  name="GRP-1" />1-G1
<input type="checkbox" name="GRP-1" />2-G1
<input type="checkbox" name="GRP-1" />3-G1
<input type="checkbox" name="GRP-1" />4-G1
<hr>
<input type="checkbox" onchange="check('2');" name="GRP"  id="GRP2"  />G2
<br>
<input type="checkbox" name="GRP-2" />1-G2
<input type="checkbox" name="GRP-2" />2-G2
<input type="checkbox" name="GRP-2" />3-G2
<input type="checkbox" name="GRP-2" />4-G2
<hr>
<input type="checkbox" onchange="check('3');" name="GRP"  id="GRP3"  />G3
<br>
<input type="checkbox" name="GRP-3" />1-G3
<input type="checkbox" name="GRP-3" />2-G3
<input type="checkbox" name="GRP-3" />3-G3
<input type="checkbox" name="GRP-3" />4-G3

JavaScript:

function check(grp_num)
{
    var checks=document.getElementsByName('GRP-'+grp_num);
        for(i=0;i<checks.length;i++){
            checks[i].checked=document.getElementById("GRP"+grp_num).checked;
        }
}