.attr（）複選框問題與jQuery v1.9.1的

Question

HTML：

<input type="checkbox" /> 
<span id="test">Click here</span> 

JS：

$("#test").click(function() { 
    if ($(":checkbox").attr("checked") == undefined) { 
     $(":checkbox").attr("checked", "checked") 
    } else { 
     $(":checkbox").removeAttr("checked") 
    } 
}); 

小提琴：Link - v1.8.3

這一切正常，但是，如果我將jquery版本更改爲1.9.1，則複選框不會再被檢查。什麼是問題？

小提琴：Link - v.1.9.1

雖然inspect element顯示覆選框切換屬性，如果我在控制檯做，我得到false作爲輸出

Answer 1

checked是一個屬性，你應該使用prop方法，當像disabled或checked這樣的布爾屬性被設置爲元素時，該值被映射到元素的相關DOM屬性（瀏覽器做這個）和attr和removeAttr方法不會更改元素的屬性，因爲jQuery 1.6用於修改屬性，所以應該使用prop方法而不是attr。

$("#test").click(function() { 
    $('input[type=checkbox]').prop('checked', function(i, state){ 
     return !state; 
    }); 
}); 

http://jsfiddle.net/3rQvj/

Answer 2

爲什麼不直接使用標籤？這樣它就能在沒有javascript的情況下工作。

<input type="checkbox" id="test" /><label for="test">Click me</label> 

Answer 3

我也面臨着同樣的問題，你應該參考以下鏈接以獲得正確的想法 http://jquery.com/upgrade-guide/1.9/#attr-versus-prop- 希望能解決你的問題:)