小恒的博客 » Jquery http://www.henghome.com www.henghome.com Fri, 09 Apr 2010 17:45:13 +0000 en hourly 1 http://wordpress.org/?v=3.0 jquery实现checkbox全选、取消全选 http://www.henghome.com/archives/112 http://www.henghome.com/archives/112#comments Sun, 18 May 2008 11:19:55 +0000 小 恒 http://www.henghome.com/?p=112
  1.  <input type="checkbox" name="checkbox_name[]" id="checkbox_name_1" />1<br />
  2.  <input type="checkbox" name="checkbox_name[]" id="checkbox_name_2" />2<br />
  3.  <input type="checkbox" name="checkbox_name[]" id="checkbox_name_3" />3<br />
  4.  <input type="checkbox" name="checkbox_name[]" id="checkbox_name_4" />4<br />
  5.  <input type="checkbox" name="checkedAll" id="checkedAll"/>全选/取消全选

演示地址

  1.  <script type="text/javascript"><!–
  2.  $(function() {
  3.   $("#checkedAll").click(function() { 
  4.   if ($(this).attr("checked") == true) { // 全选
  5.    $("input[@name='checkbox_name[]‘]").each(function() {
  6.    $(this).attr("checked", true);
  7.    });
  8.   } else { // 取消全选
  9.    $("input[@name='checkbox_name[]‘]").each(function() {
  10.    $(this).attr("checked", false);
  11.    });
  12.   }
  13.   });
  14.  });
  15.  // –></script>
]]> http://www.henghome.com/archives/112/feed 0