我想这样做，使用jQuery勾选复选框：
$(".myCheckBox").checked(true);
or
$(".myCheckBox").selected(true);
这样的事情存在吗？
当前回答
正如@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();
其他回答
你可以的
$('.myCheckbox').attr('checked',true) //Standards compliant
or
$("form #mycheckbox").attr('checked', true)
如果在onclick事件中有要激发的复选框的自定义代码，请改用此代码：
$("#mycheckbox").click();
可以通过完全删除该属性来取消选中：
$('.myCheckbox').removeAttr('checked')
您可以这样选中所有复选框：
$(".myCheckbox").each(function(){
$("#mycheckbox").click()
});
这是用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;
});
如果您正在使用PhoneGap进行应用程序开发，并且您想立即显示按钮上的值，请记住执行此操作
$('span.ui-[controlname]',$('[id]')).text("the value");
我发现，如果没有跨度，无论你做什么，界面都不会更新。
这里有一种不使用jQuery的方法
函数addOrAttachListener（el，type，listener，useCapture）{if（el.addEventListener）{el.addEventListener（类型，监听器，useCapture）；}否则如果（el.attachEvent）{el.attachEvent（“on”+类型，监听器）；}};addOrAttachListener（窗口，“加载”，函数（）{var cbElem=文档.getElementById（“cb”）；var rcbElem=文档.getElementById（“rcb”）；addOrAttachListener（cbElem，“单击”，函数（）{rcbElem.checked=cbElem.check；}，假）；}，假）；<label>单击我！<input id=“cb”type=“checkbox”/></label><label>反射：<input id=“rcb”type=“checkbox”/></label>
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')" />
