当前位置:首页 > 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> 内容),可通过遍历相邻元素实现:

jquery获取复选框的值

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

注意事项

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

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

相关文章

jquery版本

jquery版本

jQuery是一个快速、简洁的JavaScript库,用于简化HTML文档遍历、事件处理、动画设计和Ajax交互。以下是关于jQuery版本的详细信息: jQuery版本分类 jQuery主要分为三…

jquery表单

jquery表单

jQuery 表单操作 jQuery 提供了丰富的 API 用于表单操作,包括表单元素的选择、值获取与设置、事件处理等。 表单元素选择 使用 jQuery 选择器可以方便地选取表单元素: // 选…

jquery删除

jquery删除

jQuery 删除元素的方法 使用 jQuery 删除 DOM 元素有多种方式,可以根据需求选择合适的方法。 remove() 方法remove() 方法会删除选中的元素及其子元素,同时移除元素上的…

jquery a

jquery a

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

jquery 返回

jquery 返回

jQuery 返回顶部功能实现 使用jQuery实现返回顶部功能可以通过监听滚动事件和动画滚动效果来完成。以下是几种常见的实现方法: 监听滚动事件并显示/隐藏返回按钮 $(window).scro…

jquery导航

jquery导航

jQuery 导航实现方法 使用 jQuery 实现导航菜单 jQuery 提供了多种方法来实现导航菜单的交互效果,如滑动、淡入淡出或高亮显示当前页面。以下是一个简单的导航菜单实现示例: <…