使用jQuery为复选框设置“checked”

我想这样做，使用jQuery勾选复选框：

$(".myCheckBox").checked(true);

$(".myCheckBox").selected(true);

这样的事情存在吗？

当前回答

这可能是最短、最简单的解决方案：

$(".myCheckBox")[0].checked = true;

$(".myCheckBox")[0].checked = false;

更短的是：

$(".myCheckBox")[0].checked = !0;
$(".myCheckBox")[0].checked = !1;

这里还有一个jsFiddle。

其他回答

Use:

$(".myCheckbox").attr('checked', true); // Deprecated
$(".myCheckbox").prop('checked', true);

如果要检查是否选中复选框：

$('.myCheckbox').is(':checked');

我错过了解决方案。我将始终使用：

if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}

现代jQuery

使用.prop（）：

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

DOM API

如果您只使用一个元素，则始终可以访问基础HTMLInputElement并修改其.checked属性：

$('.myCheckbox')[0].checked = true;
$('.myCheckbox')[0].checked = false;

使用.prop（）和.attr（）方法代替此方法的好处是，它们将对所有匹配的元素进行操作。

jQuery 1.5.x及以下版本

.prop（）方法不可用，因此需要使用.attr（）。

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

注意，这是jQuery在1.6版之前的单元测试所使用的方法，比使用$（'.myCheckbox'）.removeAttr（'checked'）更可取；因为如果最初选中了该框，则后者会改变对.reset（）的调用在任何包含它的表单上的行为，这是一种微妙但可能不受欢迎的行为改变。

有关更多上下文，在1.6版发行说明和.prop（）文档的Attributes vs.Properties（属性与财产）部分中，可以找到一些关于从1.5.x到1.6的转换中对选中属性/属性的处理所做更改的不完整讨论。

要使用jQuery 1.6或更高版本选中复选框，只需执行以下操作：

checkbox.prop('checked', true);

要取消选中，请使用：

checkbox.prop('checked', false);

下面是我喜欢使用jQuery切换复选框的内容：

checkbox.prop('checked', !checkbox.prop('checked'));

如果使用jQuery 1.5或更低版本：

checkbox.attr('checked', true);

要取消选中，请使用：

checkbox.attr('checked', false);

如果使用移动设备，并且您希望界面更新并将复选框显示为未选中，请使用以下方法：

$("#checkbox1").prop('checked', false).checkboxradio("refresh");

推荐文章