【问题标题】:Checking groups of checkboxes in javascript [closed]检查javascript中的复选框组[关闭]
【发布时间】:2017-06-18 11:38:08
【问题描述】:

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

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

【问题讨论】:

  • 你当前的代码是什么?
  • 我有一个包含 20 个复选框的简单表格。我想通过选中一个组框来选中和取消选中这些框
  • 您能否在问题中提供一些到目前为止您所做的事情?
  • 我尝试使用 onclick="checkUncheckSome('checkboxgroup','checkbox1','checkbox2') 但这不起作用
  • gyazo.com/f5318869360cb532fb7fccfea84a6e38 这是我的表,我需要在第一行选中和取消选中给定选项下方的所有框

标签: javascript checkbox


【解决方案1】:

这里有一个解决方案:

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;
        }
}

【讨论】:

  • 谢谢,我希望这是一个好方法!但是当我在 jsfiddle 中尝试这个时,它似乎不起作用。我错过了什么吗?
  • 不,我在 jsfiddle 中遇到了同样的问题,复制代码并将其粘贴到一个空的 html 文件中,然后在您的浏览器上尝试它会起作用 :)
  • 很抱歉,空的 html 文件也不适合我。还有其他建议吗?
  • 当然不行 ARRGHHH 我没有复制所有的 js 对不起,我会更新
猜你喜欢
  • 1970-01-01
  • 2013-08-31
  • 2021-06-04
  • 1970-01-01
  • 1970-01-01
  • 2016-05-26
  • 1970-01-01
  • 2018-09-15
  • 2016-09-03
相关资源
最近更新 更多