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的复选框为选中状态。
jquery是什么有什么作用
•$('#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用法。通过使用这些方法和选择器，可以方便地操作和处理复选框的选中状态。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。