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
以上所述就是本文的全部内容了,希望大家能够喜欢。