zoukankan      html  css  js  c++  java
  • JS: 复选框——ALL与A、B、C(选中ALL同时选中各子项)

    <!DOCTYPE html>
    <html>
     <head>
      <meta charset="utf-8">
      <title></title>
      <style type="text/css">       
      </style>
     </head>
     <body>  
      <input  id="big" type="checkbox"   onclick="bigChange(this)"/>ALL
      <br />
      <input name="small" type="checkbox"  onclick="smallChange(this)" value=""/>A<br />
      <input name="small" type="checkbox"  onclick="smallChange(this)" value=""/>B<br />
      <input name="small" type="checkbox"  onclick="smallChange(this)" value=""/>C
     </body>
    </html>
    <script type="text/javascript">
        function bigChange(obj) {var smObj = document.getElementsByName("small");
            if (obj.checked == false) {           
                for (var i = 0; i < smObj.length; i++)
                    smObj[i].checked = false;
            }else {
             for (var i = 0; i < smObj.length; i++)
                    smObj[i].checked = true;
            }
        }
        function smallChange(obj) {
            var smObj = document.getElementsByName("small");
            var bigObj = document.getElementById("big");       
            if (obj.checked == false){
                bigObj.checked = false;}
            else {
                var b = true;
                for (var i = 0; i < smObj.length; i++) {
                    if (smObj[i].checked == true){
                        b = true;}
                    else{b=false;
                     break;}
                }
                if (b == true){
                    bigObj.checked = true;}
                else{bigObj.checked=false;}
            }
        }
    </script>

  • 相关阅读:
    js原型、原型链、继承的理解
    实用的Object操作方法
    数组操作方法汇总
    ES6数组去重、字符串去重
    ES6新增数据结构:Set和Map
    canvas图片、文字在移动端显示模糊问题
    Tabindex
    javascript 单元测试初入门
    ng-file-upload(在单文件选择,并且通过点击“上传”按钮上传文件的情况下,如何在真正选择文件之前保留上一文件信息?)
    如何优化表单验证
  • 原文地址:https://www.cnblogs.com/cmzhphp2017/p/7604726.html
Copyright © 2011-2022 走看看