当前位置:首页 > 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)。

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

注意事项

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

jquery判断checkbox是否选中

标签: jquerycheckbox
分享给朋友:

相关文章

jquery和vue的区别

jquery和vue的区别

jQuery 和 Vue.js 的区别 jQuery 和 Vue.js 是两种不同的前端技术,分别适用于不同的场景和开发需求。以下是它们的主要区别: 设计理念 jQuery 是一个轻量级的 Java…

jquery 菜鸟

jquery 菜鸟

以下是针对 jQuery 初学者的基础指南,涵盖核心概念和常用操作: jQuery 简介 jQuery 是一个快速、轻量级的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和…

jquery 滑块

jquery 滑块

jQuery 滑块实现方法 使用 jQuery 实现滑块功能可以通过多种方式完成,包括使用原生 jQuery 或结合插件(如 jQuery UI)。以下是几种常见实现方法: 使用 jQuery U…

锋利的jquery

锋利的jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少,做得更多”,适合快速开发动态网…

jquery点击

jquery点击

jQuery 点击事件绑定方法 使用 jQuery 绑定点击事件可以通过多种方式实现,以下是几种常见的方法: click() 方法绑定 $("#elementId").click(functi…

jquery js

jquery js

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