.prop（'checked'，false）或.removeAttr（'checked'）？

Question

隨着prop方法的推出，現在我需要知道取消選中複選框的可接受方式。它是：

$('input').filter(':checkbox').removeAttr('checked'); 

或

$('input').filter(':checkbox').prop('checked',false); 

Answer 1

jQuery的3

在jQuery 3，removeAttr確實不設置相應屬性false了：

在jQ之前uery 3.0，在布爾屬性上使用.removeAttr()（如checked,selected或readonly）也會將相應的命名屬性設置爲false。此行爲是古代Internet Explorer版本所必需的，但對於現代瀏覽器不正確，因爲屬性表示初始值，屬性表示當前（動態）值。

在DOM元素上使用.removeAttr("checked")幾乎總是錯誤的。唯一有用的是如果DOM稍後將被序列化回HTML字符串。在所有其他情況下，應該使用.prop("checked", false)。

Changelog

因此，只有.prop('checked',false)是正確的方式使用這個版本時。

---

原來的答覆（2011年）：

對於具有潛在的布爾屬性（其中checked是其中之一）的屬性，removeAttr自動設置底層屬性false。 （請注意，這是jQuery 1.6.1中添加的向後兼容「修復」）。

所以，要麼工作......但你給的第二個例子（使用prop）是更正確的兩個。如果您的目標是取消選中該複選框，那麼您確實想要影響屬性，而不是該屬性，並且不需要通過removeAttr來完成此操作。

Answer 2

使用checked：true，false複選框的屬性。

的jQuery：

if($('input[type=checkbox]').is(':checked')) { 
    $(this).prop('checked',true); 
} else { 
    $(this).prop('checked',false); 
} 

Answer 3

另一種替代方法做同樣的事情是在類型=複選框屬性過濾：

$('input[type="checkbox"]').removeAttr('checked'); 

或

$('input[type="checkbox"]').prop('checked' , false); 

Remeber該差屬性和屬性之間的關係在特定中可能很重要情況。之前jQuery 1.6，。在檢索某些屬性時，attr（）方法有時會考慮屬性值，這可能會導致行爲不一致。從jQuery 1.6開始，.prop（）方法提供了顯式檢索屬性值的方法，而.attr（）檢索屬性。

Know more ...

Answer 4

我建議同時使用，支撐和attR因爲我有Chrome出現問題，我解決它使用兩種功能。

if ($(':checkbox').is(':checked')){ 
    $(':checkbox').prop('checked', true).attr('checked', 'checked'); 
} 
else { 
    $(':checkbox').prop('checked', false).removeAttr('checked'); 
}