存档

‘Jquery’ 分类的存档

jquery实现checkbox全选、取消全选

2008年5月18日 小 恒 没有评论
  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>
分类: Javascript, Jquery 标签: