jQuery CheckBox全选、全不选实现代码小结

直接上代码。 Index 全选 1 2 3 4 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] 下面的代码比较全，是基于js的控制原理实现复制代码代码如下:<script src="http://img.jb51.net/jslib/jquery/jquery14.js"></script> <script type="text/javascript"> //全选 function CheckedAll(){ $(':checkbox').attr('checked','checked'); } //全不选 function CheckedNo(){ $(':checkbox').attr('checked',''); } //反选 function CheckedRev(){ var arr = $(':checkbox'); for(var i=0;i<arr.length;i++){ arr[i].checked = ! arr[i].checked; } } </script> <body> <div> <input id="CheckAll" type="checkbox" /> <input name="subBox" type="checkbox" /> <input name="subBox" type="checkbox" /> <input name="subBox" type="checkbox" /> <input name="subBox" type="checkbox" /> </div> <input type="button" name="btnCheckedAll" value="全　选" onclick="javascript:CheckedAll();" /> <input type="button" name="btnCheckedNo" value="全不选" onclick="javascript:CheckedNo();" /> <input type="button" name="btnCheckedRev" value="反　选" onclick="javascript:CheckedRev();" /> </body>

　　推荐阅读

　　Google排名中的10个最著名的 JavaScript库

JavaScript 是 Web 开发与设计中不可或缺的东西，不管是一个简单的网页还是一个专业的站点，也不管你是高手还是菜鸟，如今 JavaScript 库越来越强大，可以胜任许多复杂的工作，然而同时，人们在众多 JavaScript 库>>>详细阅读

本文标题：jQuery CheckBox全选、全不选实现代码小结

地址：http://www.17bianji.com/kaifa2/JS/26497.html

1/2 1