在开发前台页面时，我们经常会遇到要实现全选/全不选这样的操作，尤其是与数据库进行交互，动态生成checkbox时，很多时候容易犯糊涂，在网上看到了这段代码觉得很好，便做个记录以便以后利用，下面就看看这个简单而且很实用的实现方法。
- <script type="text/javascript">
- function check_all(obj,cName)
- {
- var checkboxs = document.getElementsByName(cName);
- for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}
- }
- </script>
- <body>
- <p><input type="checkbox" name="all" οnclick="check_all(this,'c')" />全选/全不选</p>
- <p><input type="checkbox" name="c" value="" /></p>
- <p><input type="checkbox" name="c" value="" /></p>
- <p><input type="checkbox" name="c" value="" /></p>
- <p><input type="checkbox" name="c" value="" /></p>
- </body>
如果checkbox选择按钮时动态生成的，也只需要动态生成时使用同名就能轻而易举的搞定全选/反选操作。举一反三，遇到其他类似的情况是，也可以考虑使用这种方式试试是否有效。
612
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
