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.type=="checkbox" && inputs.id!="chkMsgId") //刷选出所有复选框{inputs.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.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.type=="checkbox" && inputs.id!="chkMsgId") //刷选出所有复选框{chkInputs=inputs;j++;}}return chkInputs;} </script></head><body>全选：<input type="checkbox" name="chkMsgId" id="chkMsgId"/> <br/> 复选框1：<input type="checkbox" id="chkMsgId23" name="chkMsgId23" /> <br/> 复选框2：<input type="checkbox" id="chkMsgId23" name="chkMsgId23" /> <br/> 复选框3：<input type="checkbox" id="chkMsgId23" name="chkMsgId23" /> <br/> 复选框4：<input type="checkbox" id="chkMsgId23" name="chkMsgId23" /> <br/> 复选框5：<input type="checkbox" id="chkMsgId23" name="chkMsgId23" /></body></html>
大龙
2011/06/09
页:
[1]