当前位置:首页 > jquery

jquery判断checkbox是否选中

2026-02-04 06:55:56jquery

使用 prop() 方法

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

jquery判断checkbox是否选中

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

使用 is() 方法

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

jquery判断checkbox是否选中

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

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

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

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

原生 DOM 属性对比

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

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

注意事项

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

标签: jquerycheckbox
分享给朋友:

相关文章

jquery库

jquery库

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,使开发者能够…

jquery 筛选器

jquery 筛选器

jQuery 筛选器 jQuery 筛选器用于从一组匹配的元素中进一步筛选出符合条件的子集。这些筛选器可以基于元素的位置、内容、属性或状态进行筛选。 基本筛选器 :first 选择第一个匹配的元素。…

jquery 元素

jquery 元素

jQuery 元素选择与操作 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是 jQuery 中常用的元素选择与操作方法…

jquery切换

jquery切换

jQuery切换操作 jQuery提供了多种切换方法,用于在元素状态之间进行切换,包括显示/隐藏、类名切换、属性切换等。以下是常见的jQuery切换方法: 显示与隐藏切换 使用toggle()方法可…

jquery 库

jquery 库

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。它兼容多种浏览器,提供易于使用的 API,适合快速开发前端…

引入jquery

引入jquery

引入jQuery的方法 通过CDN引入(推荐) 在HTML文件的<head>或<body>标签内添加以下链接,使用官方或公共CDN服务: <script src="…