jQuery实现checkbox点击全选和取消全选

jQuery实现点击全选和取消全选

有时候需要实现点击按钮全选，再点击取消全选，类似下图：

具体怎么实现呢？

代码如下：

				$('input[name="selectall"]').click(function(){
        		//alert(this.checked);
        		if($(this).is(':checked')){
	        			$('input[name="stuCheckBox"]').each(function(){
		        				//此处如果用attr，会出现第三次失效的情况
					    			$(this).prop("checked",true);
								});
            }else{
	            	$('input[name="stuCheckBox"]').each(function(){
					    			$(this).removeAttr("checked",false);
								});
								//$(this).removeAttr("checked");
            }
	    			
        });

				<td><input type="checkbox" name="selectall"/></td>

最好不要用attr方法增加属性，否则会出现第三次点击不生效的情况，用prop方法较好

 //没被选中的
var checkedList = new Array();   
$("input[name='id']:not(:checked)").each(function() {   
    checkedList.push($(this).val());   
}); 


//已选中的
var checkedList = new Array();   
$("input[name='id']:checked").each(function() {   
    checkedList.push($(this).val());   
});