• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
激情 希望 斗志昂扬
Records of growth process 专注微软技术
博客园    首页    新随笔    联系   管理    订阅  订阅

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. $(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>
posted @ 2009-03-09 13:19  贤  阅读(307)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3