如何檢查複選框是否已選中或未選中？

Question

我想這會工作：

if ($(this).attr('checked')) {} 

，但我不得不這樣說寫：

if ($(this).is(':checked')) {} 

問：爲什麼？

Answer 1

已經通過這個最近，它取決於你使用的是什麼版本的jQuery。從1.6開始，具有原生屬性（例如「checked」，「disabled」）的attr的功能（屬性是應該存在或不存在的屬性）會發生變化，因爲它們可能會根據瀏覽器行爲返回不一致的結果。

在1.6中設置或測試屬性的正確方法是使用新的prop函數，該函數始終返回true或false。您使用的第二種方法也適用於測試。

Answer 2

當你請求ATTR檢查，你沒有得到一個布爾值：

// this would be correct 
if($(this).attr('checked') == 'checked') 

// jQuery 1.6+ 
if($(this).prop('checked')) 

Answer 3

Interesting info about attr and prop jQuery 1.6 and 1.6.1.

Answer 4

更重要的是，只要使用this.checked，它返回無論是 「真」 或 「假」。如果您已經擁有DOM節點，則無需使用jQuery。