我想这样做，使用jQuery勾选复选框：
$(".myCheckBox").checked(true);
or
$(".myCheckBox").selected(true);
这样的事情存在吗？
当前回答
对于jQuery 1.6+
$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);
对于jQuery 1.5.x及以下版本
$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);
为了检查，
$('.myCheckbox').removeAttr('checked');
其他回答
这里有一种不使用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>
if（$（'jquery_selector'）.is（“：checked”））{//某些代码}<script src=“https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js“></script>
下面是用按钮选中和取消选中的代码：
var set=1;
var unset=0;
jQuery( function() {
$( '.checkAll' ).live('click', function() {
$( '.cb-element' ).each(function () {
if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; }
if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; }
});
set=unset;
});
});
更新：这里是使用更新的Jquery 1.6+prop方法的相同代码块，它替换了attr：
var set=1;
var unset=0;
jQuery( function() {
$( '.checkAll' ).live('click', function() {
$( '.cb-element' ).each(function () {
if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; }
if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; }
});
set=unset;
});
});
这可能会帮助某人。
HTML5
<input id="check_box" type="checkbox" onclick="handleOnClick()">
JavaScript。
function handleOnClick(){
if($("#check_box").prop('checked'))
{
console.log("current state: checked");
}
else
{
console.log("current state: unchecked");
}
}
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')" />
