2024年4月15日发(作者：)

jquery中checked用法(一)

jQuery中checked用法

1. 选取checked元素

使用checked选择器，可以选取所有被选中的元素。例如：

• $('input:checked')：选取所有当前被选中的input元素。

• $('.checkbox:checked')：选取所有类名为checkbox且当前

被选中的input元素。

2. 获取checked状态

使用.prop()方法，可以获取元素的checked属性值。例如：

• $('#myCheckbox').prop('checked')：获取id为

myCheckbox的复选框的checked属性值，返回true或false。

3. 设置checked状态

使用.prop()方法，可以设置元素的checked属性值。例如：

• $('#myCheckbox').prop('checked', true)：设置id为

myCheckbox的复选框为选中状态。

• $('#myCheckbox').prop('checked', false)：设置id为

myCheckbox的复选框为未选中状态。

4. 切换checked状态

使用.prop()方法，可以切换元素的checked属性值。例如：

• $('#myCheckbox').prop('checked', !$('#myCheckbox').

prop('checked'))：切换id为myCheckbox的复选框的选中状

态。

5. 监听checked状态改变事件

使用.change()方法，可以监听元素的checked状态改变事件。

例如：

$('#myCheckbox').change(function() {

if ($(this).prop('checked')) {

//

复选框被选中时的处理逻辑

} else {

//

复选框取消选中时的处理逻辑

}

});

注意：该方法适用于绑定在复选框元素上，当复选框的checked

状态改变时触发。

6. 根据checked状态筛选元素

使用:checked伪类选择器，可以根据元素的checked状态进行

筛选。例如：

• $('input[type="checkbox"]:checked')：选取所有当前被选

中的复选框元素。

7. 获取选中复选框的值

使用.val()方法，可以获取选中复选框的值。例如：

• $('input[type="checkbox"]:checked').val()：获取第一

个选中复选框的值。

8. 设置复选框的值

使用.val()方法，可以设置复选框的值。例如：

• $('#myCheckbox').val('myValue')：设置id为myCheckbox

的复选框的值为myValue。

以上是jQuery中常用的一些checked用法。通过使用这些方法和

选择器，可以方便地操作和处理复选框的选中状态。