checkbox全选js脚本

最新推荐文章于 2020-04-08 19:35:58 发布

lyd8516

最新推荐文章于 2020-04-08 19:35:58 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

文章标签：脚本

本文链接：https://blog.youkuaiyun.com/lyd8516/article/details/83399911

本文介绍了一种使用JavaScript实现网页中复选框全选与反选功能的方法。通过两个简单的函数checkAll和checkItem，可以轻松地控制一组复选框的状态。当点击全选复选框时，所有相关的单项选择都会被选中或取消选中；当点击任意单项选择时，全选复选框会根据当前状态自动更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type=checkbox name=mm value=a onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=b onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=c onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=d onclick="checkItem(this, 'mmAll')"><br>
<input type=checkbox name=mm value=e onclick="checkItem(this, 'mmAll')"><br><br>
<input type=checkbox name=mmAll onclick="checkAll(this, '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 checkItem(e, allName)
{
var all = document.getElementsByName(allName)[0];
if(!e.checked) all.checked = false;
else
{
var aa = document.getElementsByName(e.name);
for (var i=0; i<aa.length; i++)
if(!aa[i].checked) return;
all.checked = true;
}
}
</script>