JS常用代码:五行搞定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>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7. p {margin:0;font-size:12px;line-height:26px;}
  8. </style>
  9. <script type="text/javascript">
  10. function check_all(obj,cName)
  11. {
  12.     var checkboxs = document.getElementsByName(cName);
  13.     for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;}
  14. }
  15. </script>
  16. </head>
  17.  
  18. <body>
  19. <p><input type="checkbox" name="all" οnclick="check_all(this,'c')" />全选/全不选</p>
  20. <p><input type="checkbox" name="c" value="" /></p>
  21. <p><input type="checkbox" name="c" value="" /></p>
  22. <p><input type="checkbox" name="c" value="" /></p>
  23. <p><input type="checkbox" name="c" value="" /></p>
  24. </body>
  25. </html>
评论 7 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值