我想这样做,使用jQuery勾选复选框:
$(".myCheckBox").checked(true);
or
$(".myCheckBox").selected(true);
这样的事情存在吗?
我想这样做,使用jQuery勾选复选框:
$(".myCheckBox").checked(true);
or
$(".myCheckBox").selected(true);
这样的事情存在吗?
当前回答
如果您考虑使用vanilla js而不是jquery,那么有一个解决方案:
//for one element:
document.querySelector('.myCheckBox').checked = true /* or false */ //will select the first matched element
//for multiple elements:
for (const checkbox of document.querySelectorAll('.myCheckBox')) {
checkbox.checked = true //or false
}
其他回答
要使用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);
这里有一种不使用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>
对于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');
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')" />
$('controlCheckBox').click(function(){
var temp = $(this).prop('checked');
$('controlledCheckBoxes').prop('checked', temp);
});