实现复选框全选/全不选切换

时间:2021-05-18

<inputtype=checkboxname=mmvalue=aonclick="checkItem(this,'mmAll')"><br>
<inputtype=checkboxname=mmvalue=bonclick="checkItem(this,'mmAll')"><br>
<inputtype=checkboxname=mmvalue=conclick="checkItem(this,'mmAll')"><br>
<inputtype=checkboxname=mmvalue=donclick="checkItem(this,'mmAll')"><br>
<inputtype=checkboxname=mmvalue=eonclick="checkItem(this,'mmAll')"><br><br>
<inputtype=checkboxname=mmAllonclick="checkAll(this,'mm')">全选与不全选的切换

<scriptlanguage=javascript>
functioncheckAll(e,itemName)
{
varaa=document.getElementsByName(itemName);
for(vari=0;i<aa.length;i++)
aa[i].checked=e.checked;
}
functioncheckItem(e,allName)
{
varall=document.getElementsByName(allName)[0];
if(!e.checked)all.checked=false;
else
{
varaa=document.getElementsByName(e.name);
for(vari=0;i<aa.length;i++)
if(!aa[i].checked)return;
all.checked=true;
}
}
</script>

ps:(当然若那个全选框是其它的控件比如是一个按钮,或者一个链接什么的话,那复选框里的checkItem点击事件可以去掉,以免出错)

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章