jquery全选/取消选择checkbox

时间:2022-07-01 09:28:15

jquery全选/取消选择checkbox示例:

<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br />
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br />
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选

  1. <script type="text/javascript">
  2. <!--
  3. $(function() {
  4. $("#checkedAll").click(function() {
  5. if ($(this).attr("checked") == true) { // 全选
  6.    //$(":checkbox").each( function() { //可以对.net服务器控件有效
  7.    $("input[@name='checkbox_name[]']").each(function() {
  8.    $(this).attr("checked", true);
  9.   });
  10. } else { // 取消全选
  11.    //$(":checkbox").each( function() { //可以对.net服务器控件有效
  12.    $("input[@name='checkbox_name[]']").each(function() {
  13.    $(this).attr("checked", false);
  14.   });
  15. }
  16. });
  17. });
  18. //-->
  19. </script>