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++;elsebreak;}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
?