Posted in Javascript onDecember 02, 2009
<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>
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@