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>

  • 相关阅读:
    HTML特效代码大全
    PHP网站加网站访问量统计
    定时显示隐藏
    加入收藏 设为首页
    IP和归属地
    手机站的拨打电话和发短信
    Shell运算
    Shell命令替换与变量替换
    $* 和 $@ 的区别
    Shell特殊变量列表
  • 原文地址:https://www.cnblogs.com/m110/p/7601702.html
Copyright © 2011-2022 走看看