取消選中用戶選中的復選框

Question

當我檢查\\取消選中復選框和單選按鈕時，瀏覽器不會設置屬性選中。 所以，當我嘗試使用jquery取消選中復選框時：

$('#tab2 input').removeAttr('checked');

它不起作用。 從我的javascript代碼檢查它的工作案例復選框。 如何取消選中已由用戶檢查過的復選框？

Answer 1

你正在設置一個屬性，所以在jQuery 1.6使用.prop() 。

$('#tab2 input').prop('checked',false);

或者如果只有一個input ，只需直接更改元素的屬性即可。

$('#tab2 input')[0].checked = false;

當jQuery 1.6.1發布時，或升級到jQuery 1.6.1並且你將能夠回到使用.attr()再次設置屬性，但.prop()仍然是更好的方法。

從發行說明：

具體來說，1.6.1中的布爾屬性（例如checked，selected，readonly和disabled）將被視為在1.6之前的jQuery版本中處理它們。 這意味着代碼如

 $(“:checkbox”).attr(“checked”, true); $(“option”).attr(“selected”, true); $(“input”).attr(“readonly”, true); $(“input”).attr(“disabled”, true); 

甚至：

 if ( $(“:checkbox”).attr(“checked”) ) { /* Do something */ } 

不需要在1.6.1中進行更改，以便按預期工作。

Answer 2

$('#tab2 input').attr('checked',false);

Answer 3

$('input[name=foo]').attr('checked', false);