多选的 全选,取消全选以及反选

<HTML>
<head>


</head> 
<script>
  function quanxuan(){
    var kuang=document.getElementsByClassName("duoxuan");

    for(var i=0;i<kuang.length;i++){
        kuang[i].checked=true;
    }
  }

    function quxiao(){
      var kuang=document.getElementsByClassName("duoxuan"); 
    for(var i=0;i<kuang.length;i++){
        kuang[i].checked=false;
    }   
    }
    function fanxuan(){
        var kuang=document.getElementsByClassName("duoxuan");   
        for(var i=0;i<kuang.length;i++){
            if(kuang[i].checked==true){
                kuang[i].checked=false;
            }else{
                kuang[i].checked=true;
            }
        }
    }
</script>   

<body>
    <a href="javascript:viod(0)" onclick="quanxuan()">全选</a>
    <a href="javascript:viod(0)" onclick="quxiao()">取消</a>
    <a href="javascript:viod(0)" onclick="fanxuan()">反选</a>
    <br>
    <input class="duoxuan" type="checkbox"><br>
    <input class="duoxuan" type="checkbox"><br>
    <input class="duoxuan" type="checkbox"><br>
    <input class="duoxuan" type="checkbox"><br>
    <input class="duoxuan" type="checkbox"><br>
    <input class="duoxuan" type="checkbox"><br>



</body> 
</HTML>`

猜你喜欢

转载自blog.csdn.net/Dilraba123456/article/details/81628184