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

标题: jQuery实现CheckBox全选、全不选 [打印本页]
作者: luinstein    时间: 2012-12-13 22:52
标题: jQuery实现CheckBox全选、全不选
  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>

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

  17. </head>
  18. <body>
  19.     <div>
  20.         <input id="CheckAll" type="checkbox" />
  21.         <input name="subBox" type="checkbox" />
  22.         <input name="subBox" type="checkbox" />
  23.         <input name="subBox" type="checkbox" />
  24.         <input name="subBox" type="checkbox" />
  25.     </div>
  26. </body>
  27. </html>
复制代码




欢迎光临 创星网络[分享知识 传递快乐] (http://bbs.cxweb.com.cn/) Powered by Discuz! X3