全选框框

    <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>

原文地址:https://www.cnblogs.com/m110/p/7601702.html