该文档v2.0版本链接
http://dalongxn.iteye.com/blog/1850347
上次有需求,就自己写了个文本框全选、全不选的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
相关推荐
复选框全选全不选JS代码,可以通过按钮或者复选框调用。
javascript 实现复选框全选/取消功能
javascript 复选框全选,复选框全选,复选框全选
js 实现 复选框全选(二)! 值得下载看看!资源免费,大家分享!!
spreadjs_列头添加复选框全选功能-demo
jquery 、js实现复选框 (全选、反选)功能··
实现全选全不选反选 并且,如果是在全选状态下将子复选框的选中取消, 那么全选复选框自动取消全选 如果全选复选框没有选中而子复选框全部被选中, 那么全选复选框自动选中全选
复选框全选、全不选和反选的效果实现
JavaScript实现复选框全选或全取消操作 本文实例为大家分享了JavaScript实现复选框全选或全取消的具体代码,供大家参考,具体内容如下 实现思路 1、获取总选框、所有小选框元素对象 2、按钮控制小按钮- - -给总...
js控制页面的全选、反选 与获取选中的复选框值
jquery版本的复选框全选和不选,简单而且好用,我是在项目中摘要出来的小示例。
js 复选框的全选全不选,全面功能js
javaScript入门案例之复选框全选,全不选,反选
CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下 思路: 1、获取元素 2、给全选 不选 反选添加点击事件 3、用for循环checkbox 4、把checkbox的checked设置为true即实现全选 5、把checkbox的...
js 实现 复选框全选(一)! 值得下载看看!资源免费,大家分享!!
通过js简单实现下复选框全选与全不选,很常用的一个操作,具体实现思路及代码如下,有需求的朋友可以参考下,希望对大家有所帮助
树结构 复选框 多选 全选功能
一个实现复选框全选的JavaScript 例子, 如何使用javaScript 使网页上的复选框被选中
js优化全选全不选 提取id和 name