zoukankan      html  css  js  c++  java
  • 全选框框

        <body>
            <form>
                <input type="checkbox" id="a">
                <input type="checkbox" id="b">
                <input type="checkbox" id="c">
                <input type="checkbox" id="d">
                <input type="checkbox" id="e"><br>&nbsp;<br>
                <input type="checkbox" id="f">全选
                <input type="checkbox" id="g">全取消
            </form>
        </body>
    </html>
    <script>
        a=document.getElementById("a");
        b=document.getElementById("b");
        c=document.getElementById("c");
        d=document.getElementById("d");
        e=document.getElementById("e");
        f=document.getElementById("f");
        g=document.getElementById("g");

    全选;
        y=[a,b,c,d,e,]
        f.onclick=function(){
            for(x=0;x<y.length;x++){
                if(f.checked){
                    y[x].checked=true;
                    g.checked=false;
                }            
            }
        }
    全取消   


        y2=[a,b,c,d,e,f]
        g.onclick=function(){
            for(x=0;x<y2.length;x++){
                y2[x].checked=false;
            }

        }
        


        for(z in y){
        y[z].onclick=function(){
            if(this.checked==false){
                f.checked=false;
            }
        }}
         
    </script>

  • 相关阅读:
    算法之--回溯法-迷宫问题【python实现】
    awk积累
    mysql自动化安装脚本(二进制安装)
    ${FUNCNAME[@]}和$LINENO使用
    shell脚本配置ssh免密登陆
    /etc/passwd和/etc/group文件详解
    Bagging与随机森林算法原理小结
    js之如何获取css样式
    Jetty源码学习-编译Jetty源码二三事
    maven安装和与IDE集成
  • 原文地址:https://www.cnblogs.com/m110/p/7601702.html
Copyright © 2011-2022 走看看