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>

  • 相关阅读:
    pythonchallenge(二)
    pythonchallenge(三)
    pythonchallenge(一)
    [译]Python编写虚拟解释器
    [译]用R语言做挖掘数据《七》
    [译]用R语言做挖掘数据《六》
    [译]用R语言做挖掘数据《五》
    编译安装php容易出现的问题以及解决办法
    关于nodejs模块安装后找不到包解决办法
    gulp的入门
  • 原文地址:https://www.cnblogs.com/m110/p/7601702.html
Copyright © 2011-2022 走看看