如何使用 jQuery 检查复选框？ [复制]

Posted 2023-03-05

【中文标题】如何使用 jQuery 检查复选框？ [复制]

【英文标题】：How to make a checkbox checked with jQuery? [duplicate]

【发布时间】：2011-10-14 14:30:11

【问题描述】：

可能重复：How do I check a checkbox with JQuery or javascript?

我正在尝试使用 jQuery 勾选（或不勾选）复选框。

我的示例 html：

<input type="checkbox" id="test" name="test" />

尝试清除复选框（不起作用）

$('#test').val('off');

检查时：

$('#test').val('on');

如何使用 jQuery 控制复选框？

【参考方案1】：

$('#checkbox').prop('checked', true);

当您希望它取消选中时：

$('#checkbox').prop('checked', false);

【参考方案2】：

$('#test').prop('checked', true);

仅在 jQuery 1.6+ 中注意

【参考方案3】：

$('#test').attr('checked','checked');

$('#test').removeAttr('checked');

【参考方案4】：

来自 jQuery v1.6 使用prop

检查是否已检查

$('input:radio').prop('checked') // will return true or false

并使其检查使用

$("input").prop("checked", true);

【讨论】：

OP 不是询问复选框是否被选中，而是如何检查它

@Nicola 我已经更新了我的答案。

【参考方案5】：

您不需要使用 jQuery 来控制复选框。您可以使用一些简单的 JavaScript 来完成。

这个 JS sn-p 应该可以正常工作：

document.TheFormHere.test.Value = true;

【讨论】：

您也可以在汇编中编写代码，但这并不意味着您总是想这样做。

【参考方案6】：

如果你使用 jQuery 1.6 及以后版本，我认为你应该使用 prop()。

要检查它，你应该这样做：

$('#test').prop('checked', true);

取消选中它：

$('#test').prop('checked', false);