JS全选checkBox最佳方案
2009-05-07 14:47
260 查看
<input type="button" name="" value="不计算长度" onclick="a()"> <input type="button" name="" value="全选" onclick="b()"> <input type="button" value="缓存" onclick="c()"> <input type="checkbox" name="test[]" value="0"> 测试测试<br> <mce:script language="JavaScript"><!-- var ca = new Array(); function a() { var m = document.getElementsByName('test[]'); for ( var i=0; i< m.length ; i++ ) { m[i].checked == true ? m[i].checked = false : m[i].checked = true; } } function b() { var m = document.getElementsByName('test[]'); var l = m.length; for ( var i=0; i< l; i++) { m[i].checked == true ? m[i].checked = false : m[i].checked = true; } } function c() { if (ca.length == 0) { ca = cache(); } cl = ca.length; for ( var i=0; i< cl; i++) { ca[i].checked == true ? ca[i].checked = false : ca[i].checked = true; } } function cache() { var m = document.getElementsByName('test[]'); var cache = new Array(); var l = m.length; for ( var i=0; i< l; i++) { cache[i] = m[i]; } return cache; } // --></mce:script>黑黑,至于那个input type="checkbox"的,你们就尽量复制吧,尽量不要超过1W,否则。。别怪我没有提醒你,当然了,也不需要把浏览器关掉,跑到外面抽根烟再回来就行了。 所以,我们要切实的记住,反正数组有长度的,坚决不能放在循环里面,而是先将这个长度取出来当成变量。PHP里也一样,循环数组的时候,先count数组的长度比较好。 当然了,我第三个采用了缓存,速度也是非常快的,比长度取好后再进行计算更快,因为连一次都不用取了(当然,除了第一次),全部扔给客户端了。 上面的例子还是比较方便的,因为,checkbox的 name值都一样,如果不一样怎么办??? 只能这样 <mce:script language="JavaScript"><!-- function check() { var inputs = document.getElementsByTagName('input'); var inputsLen = inputs.length; for (var i = 0; i < inputsLen ; i++ ) { if (inputs[i].type.toLowerCase() == 'checkbox') { inputs[i].checked == true ? inputs[i].checked = false : inputs[i].checked = true; } } } // --></mce:script>
文章来源:http://www.cnitblog.com/neatstudio/archive/2009/04/09/35006.html#56179
相关文章推荐
- JS全选checkBox最佳方案。
- JS 全选 checkBox 最佳方案
- js实现checkbox全选、不选与反选的方法
- js实现checkbox全选、不选与反选的方法
- js获得checkbox,全选
- js实现checkbox复选框全选/全不选
- js去掉字符串前后空格三种方法及最佳方案
- Jquery CheckBox全选方法代码附js checkbox全选反选代码
- JS 某一区域内所有CheckBox全选和取消全选(.net)
- JS如何控制checkbox的全选反选
- js实现datalist中checkbox全选或取消
- javascript中CheckBox全选终极方案
- asp.net中Repeater结合js实现checkbox的全选/全不选
- TreeView里关于checkbox全选,反选的js代码
- JS实现checkbox全选功能
- js实现checkbox的全选/取消
- 使用js实现checkbox的全选与反选功能二
- 转:treeview checkbox js 无限极级联选择 方案
- js全选checkbox
- JS 控制checkbox 获取 全选 全不选 一行不选择全选则不被选择 所有选择全选被选择