checkbox標籤已有checked=checked但是不顯示勾選，檢視圖片：



 

於是乎 就開始網上查詢 ，解決方法 就是將  $("...").attr("checked", true)   改為   $("...").prop("checked", true),問題解決；

那麼這樣解決的原因是什麼呢？？

首先來了解下jquey中的attr()函式和prop()函式；

attr()是處理 attribute的值的，而prop()是處理 property 的值的 ，jQuery 1.6之前 ，.attr()方法在取某些 attribute 的值時，會返回 property 的值，這就導致了結果的不一致。

property是DOM中的屬性，是JavaScript裡的物件；
attribute是HTML標籤上的特性，它的值只能夠是字串；
 

從 jQuery 1.6 開始， .prop()方法 方法返回 property 的值,而 .attr() 方法返回 attributes 的值，那麼歸根結底，就是在處理 attribute 和 property。         很多attribute節點有一個相應的property屬性，因而attribute和property很容易被混淆在一起，

1) 如某個div元素中的id和class既是attribute也有property，不管哪種方式都可以訪問和修改,但是對於自定義的attribute節點，或者自定義property，兩者就沒有關係了（但是在IE6-7中，兩者還是一樣的，好奇葩的，但願我們都能早日拋棄IE8以下的），

2) 需要注意的是，對於checked特性（attribute）不是對應它checked屬性（property），attribute實際對應的是defaultChecked屬性，而且僅用於設定複選框最初的值，checked的attribute不會因為複選框的狀態而改變，而checked的property會因為複選框的狀態而改變，所以在.attr()函式中，就算設定成 了.attr("checked", true)，也只是用來儲存預設或者選中屬性的預設值，卻並不改變該複選框被選中和選中，這就是為什麼   checkbox標籤已有checked=checked但是不顯示勾選 的原因所在

 
 

 $("#checkAllMachKanban").click(function(){
    	     
    	   if(this.checked==true){

                   //  $("input[name='checkAllMachKanban']").attr("checked","checked"); 將attr 替換成prop即可

    		   $("input[name='checkAllMachKanban']").prop("checked","checked");
    	   }else{
    		   $("input[name='checkAllMachKanban']").removeAttr("checked"); 
    	   }
     
       });