设为首页收藏本站
开启辅助访问
切换到宽版

创星网络[分享知识 传递快乐]

 找回密码
 立即注册

QQ登录

只需一步,快速开始

用新浪微博登录

只需一步,快速搞定

搜索
查看: 4145|回复: 0
打印 上一主题 下一主题

[JQuery] jQuery实现CheckBox全选、全不选

[复制链接]

我玩的应用:

跳转到指定楼层
楼主
发表于 2012-12-13 22:52:49 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head runat="server">
  4.     <title>Index</title>

  5.      <script src="/Scripts/jquery-1.4.1.js" type="text/javascript"></script>    <script type="text/javascript">
  6.         $(function() {
  7.             $("#CheckAll").click(function() {
  8.                 var flag = $(this).attr("checked");
  9.                 $("[name=subBox]:checkbox").each(function() {
  10.                     $(this).attr("checked", flag);
  11.                 })
  12.             })
  13.         })
  14.     </script>

  15. </head>
  16. <body>
  17.     <div>
  18.         <input id="CheckAll" type="checkbox" />
  19.         <input name="subBox" type="checkbox" />
  20.         <input name="subBox" type="checkbox" />
  21.         <input name="subBox" type="checkbox" />
  22.         <input name="subBox" type="checkbox" />
  23.     </div>
  24. </body>
  25. </html>
复制代码
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 转播转播 分享分享 分享淘帖
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|创星网络 ( 苏ICP备11027519号|网站地图  

GMT+8, 2024-9-22 06:46 , Processed in 0.076151 second(s), 22 queries .

Powered by Discuz! X3

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表