复选框的全选，多选，全不选，反选

最新推荐文章于 2021-12-08 00:47:40 发布

ziyouhuxi0

最新推荐文章于 2021-12-08 00:47:40 发布

阅读量391

点赞数

文章标签： javascript ini

本文链接：https://blog.csdn.net/ziyouhuxi0/article/details/1365019

版权

form name=hrong>
input type=checkbox name=All οnclick="checkAll('mm')">全选 br/>
input type=checkbox name=mm οnclick="checkItem('All')"> br/>
input type=checkbox name=mm οnclick="checkItem('All')"> br/>
input type=checkbox name=mm οnclick="checkItem('All')"> br/>
input type=checkbox name=mm οnclick="checkItem('All')"> br/>
input type=checkbox name=mm οnclick="checkItem('All')"> br/> br/>

input type=checkbox name=All2 οnclick="checkAll('mm2')">全选 br/>
input type=checkbox name=mm2 οnclick="checkItem('All2')"> br/>
input type=checkbox name=mm2 οnclick="checkItem('All2')"> br/>
input type=checkbox name=mm2 οnclick="checkItem('All2')"> br/>
input type=checkbox name=mm2 οnclick="checkItem('All2')"> br/>
input type=checkbox name=mm2 οnclick="checkItem('All2')"> 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[i].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[i].checked){ all.checked = false; break;}
}
}
else all.checked = false;
}
/SCRIPT>