当前位置:首页 > jquery

jquery判断checkbox是否选中

2026-02-04 06:55:56jquery

使用 prop() 方法

通过 prop('checked') 获取复选框的选中状态,返回布尔值(true 表示选中,false 表示未选中)。

if ($('#checkboxId').prop('checked')) {
    // 复选框被选中
} else {
    // 复选框未选中
}

使用 is() 方法

结合 :checked 选择器,is() 方法可判断复选框是否被选中。

if ($('#checkboxId').is(':checked')) {
    // 复选框被选中
}

获取多个复选框的选中状态

遍历多个复选框时,可通过 each() 方法检查每个选项的状态。

$('input[type="checkbox"]').each(function() {
    if ($(this).prop('checked')) {
        console.log($(this).val() + ' 被选中');
    }
});

原生 DOM 属性对比

直接通过 DOM 元素的 checked 属性也可实现判断(不依赖 jQuery)。

jquery判断checkbox是否选中

if (document.getElementById('checkboxId').checked) {
    // 复选框被选中
}

注意事项

  • 确保选择器能正确匹配目标复选框(如通过 idclass)。
  • 动态生成的元素需使用事件委托(如 on())绑定事件。

标签: jquerycheckbox
分享给朋友:

相关文章

jquery.js

jquery.js

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互等操作。以下是关于 jQuery.js 的核心信息和使用方法: 获取 jQ…

vue实现checkbox

vue实现checkbox

Vue 实现 Checkbox 的基本方法 在 Vue 中实现 Checkbox 可以通过 v-model 直接绑定数据,结合 input 元素的 type="checkbox" 属性。以下是一个基础…

jquery 添加

jquery 添加

jQuery 添加元素的方法 动态添加 HTML 内容 使用 append()、prepend()、after() 或 before() 方法可以在 DOM 中插入新元素。 // 在元素内部末尾…

jquery 判断

jquery 判断

jQuery 判断元素是否存在 使用 jQuery 判断元素是否存在通常通过检查选择器匹配的元素长度来实现。如果长度大于 0,表示元素存在;否则不存在。 if ($('selector').leng…

jquery标签

jquery标签

jQuery 标签操作 jQuery 提供了多种方法来操作 HTML 标签(元素),包括创建、修改、删除和遍历等。以下是常用的 jQuery 标签操作方法: 选择标签 使用选择器获取 HTML 元素…

jquery id

jquery id

jQuery 通过 ID 选择元素的方法 在 jQuery 中,可以通过 ID 选择器快速获取 DOM 元素。ID 选择器使用 # 符号加上元素的 ID 名称。 语法示例: $("#eleme…