[学习交流] 全选/全不选实现代码

<!DOCTYPE html>
<html>
  <head>
<title>MyHtml_05.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">



  </head>

  <body>
   <input type="checkbox" id="box1" onclick="selAllorNo();"/>全选/全不选
      <br/>
   <input type="checkbox" name="love"/>足球
   <input type="checkbox" name="love"/>篮球
   <input type="checkbox" name="love"/>排球
   <input type="checkbox" name="love"/>乒乓球
      <br/>
   <input type="button" value="全选" onclick="selAll();"/>
   <input type="button" value="全不选" onclick="selNo();"/>
   <input type="button" value="反选" onclick="selOther();"/>
   <br/>
   <script type="text/javascript">

    function selAll(){
    var loves=document.getElementsByName("love");
    for(var i=0;i<loves.length;i++){
    loves[i].checked=true;
    }
    }
    function selNo(){
    var loves1=document.getElementsByName("love");
    for(var j=0;j<loves1.length;j++){
    loves1[j].checked=false;
    }
    }
    function selAllorNo(){
var box=document.getElementById("box1");
if(box.checked==true){
selAll();
}else{
selNo();
}
}
      function selOther(){
    var loves2=document.getElementsByName("love");
    for(var k=0;k<loves2.length;k++){
    if(loves2[k].checked==true){
    loves2[k].checked=false;
    }else{
    loves2[k].checked=true;
    }
    }
      }
  </script>
  </body>
</html>

帐号		自动登录	找回密码
密码			加入黑马

[学习交流] 全选/全不选实现代码

0 个回复