首页 > 代码库 > 刘玉莲3

刘玉莲3

2024-09-08 03:59:50   209人阅读

这周还是主要学习JS，学了一个月了，感觉都是要懂不懂的，再过一周就要考试了，也是我分班以来第一次考试，班主任为了能让我们考出好成绩，从这周开始，每天加课一个半小时，我知道班主任也是为我们好，当然，我也会利用这个时间，好好的补一下以前没有学懂的知识，希望考试，我们都能考出好成绩。

<!DOCTYPE html> 
<html> 
<head lang="en">   
  <meta charset="UTF-8">   
  <title></title> </head> 
<body> 
<div id="div1">    
 <input type="checkbox" />吃饭  
  <input type="checkbox" />睡觉   
  <input type="checkbox" />打豆豆 
    <input type="checkbox" />音乐   
  <input type="checkbox" />游戏 </div> 
<div>   
  <input type="button"  onclick="quanxuan()" value=http://www.mamicode.com/"全选"/>     
<input type="button" onclick="quanbuxuan()" value=http://www.mamicode.com/"全不选"/>    
 <input type="button" onclick="fanxuan()" value=http://www.mamicode.com/"反选"/>
</div>  
<script>   
  function quanxuan(){       
  var div1=document.getElementById("div1");     
    var ins=div1.getElementsByTagName("input");     
    for(var i=0;i<ins.length;i++){         
        if(ins[i].type=="checkbox"){               
  ins[i].checked=true;           
  }        
 }   
  }    
 function quanbuxuan(){  
       var div1=document.getElementById("div1");     
    var ins=div1.getElementsByTagName("input");       
  for(var i=0;i<ins.length;i++){       
      if(ins[i].type=="checkbox"){         
        ins[i].checked=false;          
   }      
   }    
 }    
 function fanxuan(){  
       var div1=document.getElementById("div1");   
      var ins=div1.getElementsByTagName("input");       
  for(var i=0;i<ins.length;i++){         
    if(ins[i].type=="checkbox"){             
    ins[i].checked=!ins[i].checked;  
}         
  }       
  }   
  }  
</script>
 </body> 
</html>
 

这是全选，全不选，反选按钮，其实，懂起了，还是比较简单，主要是写起了一个，第二个，第三个就比较好写了。

刘玉莲3


联系
我们