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

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

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

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

这样的事情存在吗？

当前回答

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

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

其他回答

Use:

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

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

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

$(".myCheckBox").prop("checked","checked");

选中和取消选中

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

现代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的转换中对选中属性/属性的处理所做更改的不完整讨论。

如果您正在使用PhoneGap进行应用程序开发，并且您想立即显示按钮上的值，请记住执行此操作

$('span.ui-[controlname]',$('[id]')).text("the value");

我发现，如果没有跨度，无论你做什么，界面都不会更新。

推荐文章