checkbox全选/取消全选以及checkbox遍历jQuery实现代码

复制代码代码如下: <html> <head> <script src="jquery-1.3.2.min.js" type="text/javascript"></script> </head> <body> <input type="checkbox" name="chk_list" id="chk_list_1" value="1" />1<br /> <input type="checkbox" name="chk_list" id="chk_list_2" value="2" />2<br /> <input type="checkbox" name="chk_list" id="chk_list_3" value="3" />3<br /> <input type="checkbox" name="chk_list" id="chk_list_4" value="4" />4<br /> <input type="checkbox" name="chk_all" id="chk_all" />全选/取消全选 <script type="text/javascript"> $("#chk_all").click(function(){ $("input[name='chk_list']").attr("checked",$(this).attr("checked")); }); </script> </body> </html> 下面的代码是获取上面实例中选中的checkbox的value值: 复制代码代码如下: <script type="text/javascript"> var arrChk=$("input[name='chk_list'][checked]"); $(arrChk).each(function(){ window.alert(this.value); }); }); </script>

　　推荐阅读

　　select列表内容交换的js实现代码

item1 item2 item3 item4 item5 >" onclick="move(this.form.left,this.form.right)"/> test1 test2 test3 test4 test5 [Ctrl+A 全选注:如需引入外部Js需刷新>>>详细阅读

本文标题：checkbox全选/取消全选以及checkbox遍历jQuery实现代码

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

1/2 1