JS实现CheckBox复选框全选全不选功能
CheckBox控件就是我们一般所说的复选框,通常用于某选项的打开或关闭。大多数应用程序的“设置”对话框内均有此控件。我们看到的可以打勾的就是CheckBox。
该控件表明一个特定的状态(即选项)是选定(on,值为1)还是清除(off,值为0)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为CheckBox彼此独立工作,所以用户可以同时选择任意多个CheckBox,进行选项组合。
CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。
<scriptlanguage="javascript"> functioncli(Obj) { varcollid=document.getElementByIdx_x("all") varcoll=document.getElementsByName(Obj) if(collid.checked){ for(vari=0;i<coll.length;i++) coll[i].checked=true; }else{ for(vari=0;i<coll.length;i++) coll[i].checked=false; } } </script>
下面是一组CheckBox复选框html代码
<inputname='多选项名称'type='checkbox'value=''id="all"onclick="cli('多选项名称');">全选 <inputname='多选项名称'type='checkbox'value=''>A <inputname='多选项名称'type='checkbox'value=''>B <inputname='多选项名称'type='checkbox'value=''>C <inputname='多选项名称'type='checkbox'value=''>D <inputname='多选项名称'type='checkbox'value=''>E <inputname='多选项名称'type='checkbox'value=''>F
好了,你可以复制一下以上的代码,修改测试一下。。。
这里毛票票小编推荐大家看下这篇文章:https://www.nhooo.com/article/96022.htm
以上所述就是本文的全部内容了,希望大家能够喜欢。