checkbox的全选反选以及全不选

####js实现 <input type="checkbox" name='list' value=''>哈哈<br/>
<input type="checkbox" name='list' value=''>哈哈<br/>
<input type="checkbox" name='list' value=''>哈哈<br/>
<input type="checkbox" name='list' value=''>哈哈<br/>
<button οnclick="allx()"></button>
<button οnclick="no()"></button>
<button οnclick="opp()"></button>

<script>  
 	var lists = document.getElementsByName('list');  
		//注意：all是关键字，不能乱用哦！
	function allx(){  
 		for(var i=0; i<lists.length; i++){
       		lists[i].checked = true;          
    	}      
	}  
	function no(){  
  		for(var i=0; i<lists.length; i++){
        	lists[i].checked = false;          
   		 }      
	}
	function opp(){  
  		for(var i=0; i<lists.length; i++){
        		//lists[i].checked = !lists[i].checked;  
        		//或者
        		if(lists[i].checked == false){
            		lists[i].checked = true;            
        		}else{
            		lists[i].checked = false;            
        		}
   		 }      
   		     	}
</script>

####jquery实现 <input type="checkbox" class="checkAll">全选<br> <input type="checkbox" class="checkeach" value="1">1<br> <input type="checkbox" class="checkeach" value="1">2<br> <input type="checkbox" class="checkeach" value="1">3<br> <input type="checkbox" class="checkeach" value="1">4<br> $('.checkAll').click(function(){ if($(this).attr('checked')){ $('.checkeach').attr('checked',true);
}else{ $('.checkeach').attr('checked',false);
} })

转载于:https://my.oschina.net/u/2402530/blog/802227