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

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

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

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

这样的事情存在吗？

当前回答

当您选中以下复选框时：；

$('.className').attr('checked', 'checked')

这可能还不够。您还应调用以下函数：；

$('.className').prop('checked', 'true')

尤其是在删除复选框选中属性时。

2015-03-05 13:10:51

其他回答

试试看：

$('#checkboxid').get(0).checked = true;  //For checking

$('#checkboxid').get(0).checked = false; //For unchecking

2012-09-10 10:26:10

如果您考虑使用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
}

2021-07-29 07:06:45

假设问题是。。。

如何选中按值设置的复选框？

请记住，在典型的复选框集中，所有输入标记都具有相同的名称，它们的不同之处在于属性值：集合中的每个输入都没有ID。

Xian的答案可以用更具体的选择器扩展，使用以下代码行：

$("input.myclass[name='myname'][value='the_value']").prop("checked", true);

2012-03-09 12:28:49

如果使用移动设备，并且您希望界面更新并将复选框显示为未选中，请使用以下方法：

$("#checkbox1").prop('checked', false).checkboxradio("refresh");

2013-01-11 13:05:35

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')" />

2019-01-02 15:10:04

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

推荐文章

最新文章

标签