jQuery和Javascript更改複選框的選中屬性？

Question

我有一個移動客戶端，並有一個簡單的問題。

這裏是我的html部分：

<label id="112233" for="checkbox-detailed_limit">Take Profit</label> 
<input type="checkbox" name="checkbox-detailed_limit" 
id="checkbox-detailed_limit" data-mini="true"/> 

我想改變複選框的選中狀態，當顯示容器頁面。

我已經使用javascript和jquery進行這個動作，但都失敗了。

下面是一些例子：

$("#checkbox-detailed_limit").attr("checked", false).change(); 
$("#checkbox-detailed_limit").attr("checked", false).trigger("change"); 
$("#checkbox-detailed_limit").prop("checked", false); 
$("#checkbox-detailed_limit").removeAttr("checked"); 
$('input:checkbox', $("#112233")).prop("checked", false); 
$("#112233").filter(':checkbox').prop("checked", false); 
$('input').filter(':checkbox').prop('checked',false); 
$("#112233").children('input[type="checkbox"]').prop('checked', false); 
$("#112233").find("checkbox").attr("checked", false); 
document.getElementById("checkbox-detailed_limit").checked = false; 

有什麼辦法幫助我嗎？

Answer 1

這實際上是一個jQuery的移動問題，因爲這些複選框會得到增強。

$("#checkbox-detailed_limit").attr("checked",true).checkboxradio("refresh"); 

來源：http://jquerymobile.com/demos/1.2.0/docs/forms/checkboxes/methods.html

與一個工作示例

Answer 2

我不確定你真正想要什麼，但是你想將檢查狀態設置爲複選框？那麼這可以像這樣完成。

$("#checkbox-detailed_limit").prop("checked", true); //for jquery 1.7+ 

$("#checkbox-detailed_limit").attr("checked", true); //for jquery < 1.7 

Answer 3

要選中該複選框：

$("#"+id).attr("checked", "checked"); 

取消選中該複選框：

$("#"+id).removeAttr("checked"); 

Answer 4

試試這個，

$("#checkbox-detailed_limit").prop("checked", true); 
    $("#checkbox-detailed_limit").prop("checked", false); 

Answer 5

$('input[name=foo]').attr('checked', !$('input[name=foo]').is(':checked')); 

該腳本將切換複選框，並應該工作絕對好。如果這不起作用，你的JavaScript代碼在其他地方出現錯誤。使用控制檯將幫助您找到問題所在。