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>
 

 //沒被選中的
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());   
});