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>

  • 相关阅读:
    Notepad++快捷键
    NAT123内网映射端口
    Maven 导出依赖Jar,生成source.jar,javadoc.jar
    自定义javascript log方法
    AmazeUI定制
    模板框架
    jquery checkbox全选 获取值
    首页导航点击A连接跳转并添加上背景色,
    Controller中的方法利用ip跨域访问
    Datatable转成List
  • 原文地址:https://www.cnblogs.com/m110/p/7601702.html
Copyright © 2011-2022 走看看