使用Javascript选中和取消选中复选框

Check and un-check checkboxes using Javascript

本文关键字：复选框 取消 使用 Javascript      更新时间：2023-09-26

嘿，伙计们，我试图得到一个复选框的情况下，我有7个框，我试图得到一个逻辑语句，它的工作原理出来。我有7个复选框，第7个复选框是上面所有的，当上面所有的都被选中时，它取消选中之前的所有复选框，当1-6被选中时，它取消选中上面所有的复选框。在我当前的代码中，它取消选择了所有1-6个框，然后他们现在无法点击。不幸的是，我有很多事情要做。所以我将粘贴我的代码，非常感谢任何帮助。

这是一个非常可怕的代码片段，我只是通过这个一起，而我正在尝试多种方法让它工作。

if (document.forms[0].propDetails[6].checked==true) {
for (var x=0;x<6;x++) {
document.forms[0].propDetails[x].checked=false;
}
}
else {
document.forms[0].propDetails[6].checked=false;
}
} // end of function

我首先建议给1-6个复选框一个特定的NAME属性，并使用getElementsByName对它们进行解析，如下所示:

<input type="checkbox" id="myChk1" name="myChk" />
...
<input type="checkbox" id="myChk6" name="myChk" />
<input type="checkbox" id="myChkAll" onchange="chkAll(this);" />
<script type="text/javascript">
function chkAll(obj) {
    var isChecked = obj.checked;
    var chk1to6 = document.getElementsByName('myChk');
    for (var i = 0 ; i < chk1to6.length ; i++) {
        chk1to6[i].checked = isChecked;
    }
}
</script>

给所有的复选框不同的唯一Id…像

  • chckbx1

  • chckbx2

  • chckbx3

    .

    。

  • chckbx7

在点击任何一个复选框时调用相同的函数，该复选框的对象

。onclick=functionname(this);

在函数侧检查id

functioname(str){
if(str.id=="chckbx7"){
//deselect all except chckbx7
}
else{
//deselect chckbx7
}
}
相关文章：