您的位置：首页 > Web前端 > JavaScript

js 实现复选框全选与全不选

2009-08-29 12:46 309 查看

<html>
<head>
<script>
function selectit(){
//设置变量form的值为name等于select的表单
var form=document.select
//取得触发事件的按钮的name属性值
var action=event.srcElement.name
for (var i=0;i<form.elements.length;i++){//遍历表单项
//将当前表单项form.elements[i]对象简写为e
var e = form.elements[i]
//如果当前表单项的name属性值为iTo，
//执行下一行代码。限定脚本处理的表单项范围。
if (e.name == "iTo")
/*如果单击事件发生在name为selectall的按钮上，就将当前表单项的checked属性设为true(即选中)，否则设置为当前设置的相反值(反选)*/
e.checked =(action=="selectall")?(form.selectall.checked):(!e.checked)
}
}
</script>
</head>
<body>
<form name="select">
<INPUT type="checkbox" name="selectall" onclick="selectit()">全选
<INPUT type="checkbox" name="Inverse" onclick="selectit()">反选
<INPUT type="checkbox" name="iTo" value="1">1
<INPUT type="checkbox" name="iTo" value="2">2
<INPUT type="checkbox" name="iTo" value="3">3
<INPUT type="checkbox" name="iTo" value="4">4
<INPUT type="checkbox" name="iTo" value="5">5
</form>

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

js 实现 复选框全选与全不选

js 实现复选框全选与全不选