js中 關於複選框的多選和反選


<html>
<head>
<title>複選框全選/反選功能</title>
<meta charset="utf-8">
<script type="text/javascript">
     window.οnlοad=function(){
       var x=document.getElementById("all");
       var n=document.getElementById("all2");

       var y=document.getElementsByName("box");

           //全選

         x.οnchange=function(){
             for(var i=0;i<y.length;i++){
               y[i].checked=x.checked;
            }

         }

           //反選

         n.οnchange=function(){
           for(var i=0;i<y.length;i++){
              if(y[i].checked==true){
                 y[i].checked=false;
              }
              else{
              y[i].checked=true;
              }
           }
         }
     }
      
      


</script>
</head>
<body>
<input type="checkbox" name="all" id="all" value="1" >全選
<input type="checkbox" name="all" id="all2" value="1" >反選
<input type="checkbox" name="box" value="1" >1
<input type="checkbox" name="box" value="2" >2
<input type="checkbox" name="box" value="3" >3
<input type="checkbox" name="box" value="4" >4
<input type="checkbox" name="box" value="5" >5
</body>
</html>
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章