我想这样做，使用jQuery勾选复选框：
$(".myCheckBox").checked(true);
or
$(".myCheckBox").selected(true);
这样的事情存在吗？
当前回答
这可能是最短、最简单的解决方案：
$(".myCheckBox")[0].checked = true;
or
$(".myCheckBox")[0].checked = false;
更短的是：
$(".myCheckBox")[0].checked = !0;
$(".myCheckBox")[0].checked = !1;
这里还有一个jsFiddle。
其他回答
我错过了解决方案。我将始终使用：
if ($('#myCheckBox:checked').val() !== undefined)
{
//Checked
}
else
{
//Not checked
}
如果您使用的是.prop（'checked'，true|false），并且没有更改复选框，则需要像这样添加触发器（'click'）：
// Check
$('#checkboxF1').prop( "checked", true).trigger('click');
// Uncheck
$('#checkboxF1').prop( "checked", false).trigger('click');
2019年1月编辑
您可以使用：.prop（propertyName）-添加的版本：1.6
p｛margin:20px 0 0；｝b｛颜色：红色；｝标签｛颜色：红色；｝<!doctype html><html lang=“en”><head><meta charset=“utf-8”><script src=“https://code.jquery.com/jquery-1.10.2.js“></script></head><body><input id=“check1”type=“checkbox”checked=“checked”><label for=“check1”>检查此处</label><p></p><脚本>$（“input”）.change（函数）{var$input=$（this）；$（“p”）.html(“.attr（\”checked\“）：<b>”+$input.attr“（”checked“）+”</b><br>“+“.prop（\”checked\“）：<b>”+$input.prop（”checked“）+“</b><br>”+“.is（\”：checked \“）：<b>”+$input.is（“：checked”）+“</b>”）；}).change（）；</script></body></html>
论角度框架
示例1
在.html文件中
<input type="checkbox" (change)="toggleEditable($event)">
在.ts文件中
toggleEditable(event) {
if ( event.target.checked ) {
this.contentEditable = true;
}
}
示例2
在.html文件中
<input type="checkbox" [(ngModel)]="isChecked" (change)="checkAction(isChecked ? 'Action1':'Action2')" />
这是用jQuery检查和取消检查复选框的正确方法，因为它是跨平台标准的，并且允许表单转发。
$('.myCheckBox').each(function(){ this.checked = true; });
$('.myCheckBox').each(function(){ this.checked = false; });
通过这样做，您将使用JavaScript标准来检查和取消选中复选框，因此任何正确实现checkbox元素的“checked”属性的浏览器都将完美地运行此代码。这应该是所有主要的浏览器，但我无法在Internet Explorer 9之前进行测试。
问题（jQuery 1.6）：
一旦用户单击复选框，该复选框将停止响应“选中”的属性更改。
下面是一个复选框属性在有人单击复选框后无法完成任务的示例（这在Chrome中发生）。
不停摆弄
解决方案：
通过在DOM元素上使用JavaScript的“checked”属性，我们能够直接解决问题，而不是试图操纵DOM来完成我们希望它做的事情。
不停摆弄
该插件将更改jQuery选择的任何元素的checked属性，并在所有情况下成功选中和取消选中复选框。因此，虽然这看起来像是一个负担过重的解决方案，但它将使您的网站的用户体验更好，并有助于防止用户受挫。
(function( $ ) {
$.fn.checked = function(value) {
if(value === true || value === false) {
// Set the value of the checkbox
$(this).each(function(){ this.checked = value; });
}
else if(value === undefined || value === 'toggle') {
// Toggle the checkbox
$(this).each(function(){ this.checked = !this.checked; });
}
return this;
};
})( jQuery );
或者，如果您不想使用插件，可以使用以下代码片段：
// Check
$(':checkbox').prop('checked', true);
// Un-check
$(':checkbox').prop('checked', false);
// Toggle
$(':checkbox').prop('checked', function (i, value) {
return !value;
});
正如@livefree75所说：
jQuery 1.5.x及以下版本
您还可以使用新方法扩展$.fn对象：
(function($) {
$.fn.extend({
check : function() {
return this.filter(":radio, :checkbox").attr("checked", true);
},
uncheck : function() {
return this.filter(":radio, :checkbox").removeAttr("checked");
}
});
}(jQuery));
但是在jQuery的新版本中，我们必须使用如下内容：
jQuery 1.6+
(function($) {
$.fn.extend({
check : function() {
return this.filter(":radio, :checkbox").prop("checked", true);
},
uncheck : function() {
return this.filter(":radio, :checkbox").prop("checked",false);
}
});
}(jQuery));
然后你可以这样做：
$(":checkbox").check();
$(":checkbox").uncheck();
