JS全选/取消全选 

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf8">
<script type="text/javascript">
window.onload=function(){
   var obtn=document.getElementById('btn');
   var oinput=document.getElementsByTagName('input');
   var i=0;
   obtn.onclick=function(){
	for(i=0;i<oinput.length;i++){   
	  if(oinput[i].checked==true){
	   oinput[i].checked=false;
	    }else{
          oinput[i].checked=true;
		}
	  }
   }
}   
</script>	


</head>
<body>
<p id="btn">全选</p>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
<input type="checkbox"/><br/>
</body>
</html>

 

posted @ 2014-03-31 23:03  选择了就坚持  阅读(241)  评论(0)    收藏  举报