為什么我總是無法通過javascript選中復選框？

Question

看下面我的代碼：

HTML：

<input type="checkbox" name="xyz[1][]" id="sel_44" style="margin:2px;" value="12345" onclick="myClick(this)">

Javascript：

<script>
$('#sel_44').attr("checked", true);
</script>

我已經嘗試過此URL中的每種方法（通過接受答案提示的方法）： 使用JavaScript選中/取消選中復選框？

我的問題和疑問 ：

我可以肯定$（'＃sel_loc_cb_44'）不為null且未定義。 但是我可以通過javascript或jquery進行選中標記。 如何修復我的代碼，問題的根源是什么？

請將jsfiddle添加到您的解決方案中。 謝謝

Answer 1

嘗試使用

$('#sel_44').prop("checked", true);

您必須更改DOM對象的屬性而不是屬性

Answer 2

由於jquery 1.6+ prop方法提供了一種顯式檢索屬性值的方法，而attr檢索屬性。 這里checked是一個屬性。 因此，使用prop來檢查復選框。

$('#sel_44').prop("checked", true);

Answer 3

嘗試與此jQuery：

$("#sel_44").prop('checked',true);

Answer 4

嘗試這個

$(document).ready(function() {
$('#sel_44').attr("checked", true);
});

我已經在jsfiddler中嘗試過，看來您需要將代碼放入文檔ready函數中。

https://jsfiddle.net/o2gxgz9r/5935/

Answer 5

 $(function(){ $('#sel_44').prop('checked',true); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="checkbox" name="xyz[1][]" id="sel_44" style="margin:2px;" value="12345">