当前位置:首页 > jquery

jquery获取复选框的值

2026-02-04 03:07:54jquery

获取单个复选框的值

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

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

获取多个复选框的选中值

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

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 面试题及其解答,涵盖基础概念、核心方法和实际应用场景。 jQuery 基础概念 jQuery 是什么? jQuery 是一个轻量级的 JavaScript 库,简化了…

vue表格实现复选框

vue表格实现复选框

Vue表格实现复选框的方法 基础实现(使用v-model绑定数组) 在Vue中可以通过v-model绑定数组来实现复选框功能。以下是一个基础示例: <template> <ta…

jquery库

jquery库

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

jquery 图表

jquery 图表

jQuery 图表库推荐 jQuery 本身不直接提供图表功能,但可以通过插件或集成其他库实现图表绘制。以下是几种常用的 jQuery 图表解决方案: Chart.js 集成 Chart.js 是…

锋利的jquery

锋利的jquery

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

jquery判断

jquery判断

jQuery 判断元素存在与属性方法 使用 jQuery 判断元素是否存在可通过检查选择器返回的 jQuery 对象长度: if ($('#elementId').length > 0) {…