当前位置:首页 > jquery

jquery获取复选框的值

2026-02-04 03:07:54jquery

获取单个复选框的值

使用 prop()is() 方法检查复选框是否被选中,并通过 val() 获取值:

jquery获取复选框的值

var isChecked = $('#checkboxId').prop('checked'); // 返回布尔值  
var value = $('#checkboxId').val(); // 返回复选框的value属性  

获取多个复选框的选中值

通过名称或类选择器筛选选中的复选框,遍历获取值:

jquery获取复选框的值

var selectedValues = [];  
$('input[name="checkboxGroup"]:checked').each(function() {  
    selectedValues.push($(this).val());  
});  
// selectedValues 数组包含所有选中的值  

获取多个复选框的文本标签

若需获取复选框关联的文本(如 <label> 内容),可通过遍历相邻元素实现:

$('input[name="checkboxGroup"]:checked').each(function() {  
    var labelText = $(this).next('label').text();  
    console.log(labelText);  
});  

注意事项

  • 确保DOM加载完成后执行代码,如将逻辑放在 $(document).ready() 中。
  • 若复选框动态生成,需使用事件委托(如 on())监听变化。

标签: 复选框jquery
分享给朋友:

相关文章

jquery教程

jquery教程

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

jquery 面试题

jquery 面试题

jQuery 面试题常见考点 DOM 操作 选择器使用:$("#id"), $(".class"), $("tag") 元素增删改查:append(), remove(), html(),…

jquery版本

jquery版本

jQuery 的版本历史及当前状态如下: 当前稳定版本 jQuery 的最新稳定版本是 3.6.4(发布于 2023 年 3 月),支持现代浏览器并修复了部分安全问题。 主要版本分支 jQu…

jquery 筛选器

jquery 筛选器

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

jquery 加载

jquery 加载

jQuery 加载方法 使用jQuery需要先将其库文件加载到网页中。以下是几种常见的加载方式: 通过CDN加载 推荐使用官方或公共CDN(内容分发网络)加载jQuery,速度快且可能被浏览器缓存:…

jquery 使用

jquery 使用

jQuery 基础使用 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互的操作。以下是 jQuery 的基本使用方法。 引入…