zoukankan      html  css  js  c++  java
  • 在某div下实现checkbox 全选

       <div id="div1">
            <input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全选<br/>
            <input type="checkbox" /><br/>
            <input type="checkbox" /><br/>
            <input type="checkbox" /><br/>
        </div>
       
        <br/>
       
        <div id="div2">
            <input type="checkbox" onclick="selectCheckBoxes('div2', this.checked)" />全选<br/>
            <input type="checkbox" /><br/>
            <input type="checkbox" /><br/>
            <input type="checkbox" /><br/>
        </div>

    <!--js代码片段如下: -->


    <script type="text/javascript">
        function selectCheckBoxes(domId,value) {
       
            var inputs = document.getElementById(domId).getElementsByTagName("input");
           
            for(var i = 0; i < inputs.length; i++) {
                if (inputs[i].type == 'checkbox') {
                    inputs[i].checked=value;
                }
            }
        }
    </script>

  • 相关阅读:
    常见http代码错误原因及处理
    tar命令详解
    Laravel笔记
    ORM要用到的数组转对象和对象转数组函数
    模块
    内置函数
    正则
    sorted 、 filter 、 map
    匿名函数、冒泡排序,二分法, 递归
    python 函数部分
  • 原文地址:https://www.cnblogs.com/shoupifeng/p/2663188.html
Copyright © 2011-2022 走看看