jquery获取checkbox是否选中

使用 jQuery 获取 checkbox 选中状态

通过 jQuery 可以轻松获取 checkbox 的选中状态，以下是几种常见方法：

使用 prop() 方法

prop() 方法用于获取或设置元素的属性值，适用于检查 checkbox 是否被选中：

var isChecked = $('#checkboxId').prop('checked');

如果 checkbox 被选中，isChecked 将为 true，否则为 false。

使用 is() 方法

is() 方法可以检查元素是否匹配指定的选择器或状态：

var isChecked = $('#checkboxId').is(':checked');

同样返回布尔值，表示是否选中。

遍历多个 checkbox

如果需要检查多个 checkbox 的选中状态，可以使用 each() 方法：

$('.checkboxClass').each(function() {
    var isChecked = $(this).prop('checked');
    console.log(isChecked);
});

获取选中的 checkbox 值

如果需要获取被选中的 checkbox 的值，可以结合 :checked 选择器：

$('.checkboxClass:checked').each(function() {
    var value = $(this).val();
    console.log(value);
});

注意事项

• 确保 DOM 加载完成后再执行 jQuery 代码，可以将代码放在 $(document).ready() 中：

  $(document).ready(function() {
    var isChecked = $('#checkboxId').prop('checked');
  });

• 如果 checkbox 是动态生成的，可能需要使用事件委托来监听状态变化。