使用JS检查特定的复选框

时间:2013-12-01 01:22:31

标签: jquery checkbox attr checked

我希望通过调用其名称来检查特定的复选框。这个名字是c [featured_ad],我将在下面分享我的尝试。谢谢你的帮助。

JavaScript的:

<script type="text/javascript">
window.onload = function() {
$('input:checkbox[name=c[featured_ad]]').attr('checked',true);
}
</script>

HTML:

<div class="listing_extra_item">
<div class="listing_extra_cost price">$0.00 US</div>
<input name="c[featured_ad]" value="0" type="hidden">
<label>
<input name="c[featured_ad]" value="1" type="checkbox">
</label>
</div>

3 个答案:

答案 0 :(得分:1)

您可以使用:

$('input[type="checkbox"][name="c[featured_ad]"]:checked').length > 0;

检查是否选中了复选框。

如果您需要选中文档加载的复选框,请使用:

$('input[type="checkbox"][name="c[featured_ad]"]').prop('checked', true);

最重要的是要记住单引号应该用在你希望双引号出现在字符串中而不必转义它们的地方,反之亦然。

检查这个小提琴:http://jsfiddle.net/65adr/51/

答案 1 :(得分:0)

尝试将名称放在引号中:

$('input:checkbox[name="c[featured_ad]"]').attr('checked', 'checked');

如果您使用的是jQuery 1.6+,则应使用.prop():

$('input:checkbox[name="c[featured_ad]"]').prop('checked', true);

编辑:

显然你需要摆脱括号:

$('input:checkbox [name =“c \ [featured_ad \]”]')。prop('checked',true);

答案 2 :(得分:0)

这里试试这个:

http://jsfiddle.net/r6WLE/1/

<强> JS

$("input[type='checkbox'][name='c[featured_ad]']").attr('checked', 'checked');

此外,关闭所有HTML标记,这只是一种更好的做法。