zoukankan      html  css  js  c++  java

  • 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>
    18. <body>
    19. <p><input type="checkbox" name="all" onclick="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>
  • 相关阅读:
    [LeetCode]Reverse Linked List II
    [LeetCode]Move Zeroes
    Next Greater Element I
    Keyboard Row
    Number Complement
    SQL语句学习（二）
    SQL语句学习（一）
    jQuery学习(三)
    jQuery学习(二)
    JQuery学习(一)
  • 原文地址：https://www.cnblogs.com/zhukezhuke/p/1773561.html
Copyright © 2011-2022 走看看