js统制复选框全选、全不选
日期：2014-05-16 浏览次数：20348 次
js控制复选框全选、全不选
?上次有需求，就自己写了个文本框全选、全不选的js
?为了以后方便，就在这里保存下吧。
<html>
<head>
<title>复选框全选、全不选</title>
<script type="text/javascript">
/**
* 操作全选复选框事件
**/
function doCheck(obj)
{
var inputs=document.getElementsByTagName("input");
for(var i=0;i<inputs.length;i++)
{
if(inputs[i].type=="checkbox" && inputs[i].id!="chkMsgId") //刷选出所有复选框
{
inputs[i].checked=obj.checked;
}
}
}
/**
* 复选框变化 全选按钮变化
**/
function toChkSon(obj)
{
if(obj==false) //当此复选框未选中 全选为未选
{
document.getElementById("chkMsgId").checked=false;
return ;
}
var chkInputs=getCheckBox(); //获取所有复选框
var j=0;
for(var i=0;i<chkInputs.length;i++)
{
if(chkInputs[i].checked==obj)
j++;
else
break;
}
if(j==chkInputs.length) //当所有复选框为同一状态时 赋值全选同一状态
document.getElementById("chkMsgId").checked=obj;
}
/**
* 获取所有复选框
**/
function getCheckBox()
{
var inputs=document.getElementsByTagName("input");
var chkInputs=new Array();
var j=0;
for(var i=0;i<inputs.length;i++)
{
if(inputs[i].type=="checkbox" && inputs[i].id!="chkMsgId") //刷选出所有复选框
{
chkInputs[j]=inputs[i];
j++;
}
}
return chkInputs;
}
</script>
</head>
<body>
全选：<input type="checkbox" name="chkMsgId" id="chkMsgId" onclick="doCheck(this)" /> <br/>
复选框1：<input type="checkbox" onclick="toChkSon(this.checked); "id="chkMsgId23" name="chkMsgId23" /> <br/>
复选框2：<input type="checkbox" onclick="toChkSon(this.checked); "id="chkMsgId23" name="chkMsgId23" /> <br/>
复选框3：<input type="checkbox" onclick="toChkSon(this.checked); "id="chkMsgId23" name="chkMsgId23" /> <br/>
复选框4：<input type="checkbox" onclick="toChkSon(this.checked); "id="chkMsgId23" name="chkMsgId23" /> <br/>
复选框5：<input type="checkbox" onclick="toChkSon(this.checked); "id="chkMsgId23" name="chkMsgId23" />
</body>
</html>
?
?
大龙
2011/06/09
?
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
