复选框操作-优快云博客

本文链接：https://blog.youkuaiyun.com/wind888673/article/details/1713438

本文介绍了一个简单的HTML与JavaScript实现的复选框功能，包括全选、全不选、反选等操作。通过JavaScript函数实现了对多个复选框状态的同时控制。

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

复选框的全选，多选，全不选，反选
<form name=hrong>
<input type=checkbox name=All >全选<br/>
<input type=checkbox name=mm ><br/>
<input type=checkbox name=mm ><br/>
<input type=checkbox name=mm ><br/>
<input type=checkbox name=mm ><br/>
<input type=checkbox name=mm ><br/><br/>

<input type=checkbox name=All2 >全选<br/>
<input type=checkbox name=mm2 ><br/>
<input type=checkbox name=mm2 ><br/>
<input type=checkbox name=mm2 ><br/>
<input type=checkbox name=mm2 ><br/>
<input type=checkbox name=mm2 ><br/>

</form>

<SCRIPT LANGUAGE="JavaScript">
function checkAll(str)
{
var a = document.getElementsByName(str);
var n = a.length;
for (var i=0; i<n; i++)
a.checked = window.event.srcElement.checked;
}
function checkItem(str)
{
var e = window.event.srcElement;
var all = eval("document.hrong."+ str);
if (e.checked)
{
var a = document.getElementsByName(e.name);
all.checked = true;
for (var i=0; i<a.length; i++)
{
if (!a.checked){ all.checked = false; break;}
}
}
else all.checked = false;
}
</SCRIPT>

复选框问题