复选框的全选、全不选、反选

最新推荐文章于 2022-04-19 10:55:12 发布

最新推荐文章于 2022-04-19 10:55:12 发布 · 84 阅读

本文介绍了一个简单的网页脚本，用于实现页面中多个复选框的全选与反选功能。通过JavaScript实现了当点击全选按钮时所有复选框的状态随之改变，点击反选按钮则反转所有复选框的状态。

<input type=checkbox name=mm value=a><br>
<input type=checkbox name=mm value=b><br>
<input type=checkbox name=mm value=c><br>
<input type=checkbox name=mm value=d><br>
<input type=checkbox name=mm value=e><br><br>
<input type=checkbox name=mmAll onclick="checkAll(this,'mm')">全选与不全选的切换
<input type=checkbox name=mmAll onclick="selectOther('mm')">反选

<script language=Javascript>
function checkAll(e, itemName)
{
var aa = document.getElementsByName(itemName);
for (var i=0; i<aa.length; i++)
aa[i].checked = e.checked;
}
function selectOther(obj)
{
var aa = document.getElementsByName(obj);
for(var i=0;i<aa.length;i++)
if(aa[i].type=="checkbox")
{
if(!aa[i].checked)
aa[i].checked=true;
else
aa[i].checked=false;
}
}
</script>