基本 jQuery 选择器问题

Question

我正在尝试 select 一个值为 "foo" 的复选框并选中它。我试过这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>$("input[type='checkbox'][value='foo']").attr('checked', true);</script>

但似乎什么也没有发生。有什么我想念的吗？我对此很陌生。

Answer 1

你能在你的 .ready() 活动之前打电话吗？这个例子工作正常

<input type="checkbox" value="foo" />
<input type="checkbox" value="notFoo" />

$(function() {
    $("input[type='checkbox'][value='foo']").attr('checked', true);
});

JSFiddle Example

所以基本上，在您的示例中，如果您希望保持原样，只需将其包装起来

<script>$(function() { $("input[type='checkbox'][value='foo']").attr('checked', true); })</script>

Answer 2

你可以这样做$(":checkbox[value='foo']").prop("checked","true");

<script>
$(function(){
$(":checkbox[value='foo']").prop("checked","true");
});
</script>

基本 jQuery 选择器问题

Basic jQuery Selector Issue

javascript

jquery

jquery-selectors

JSFiddle Example