当前位置:首页 > 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的正确发音 jQuery的发音为 "jay-query"(/ˈdʒeɪkwɪəri/)。其中: "jay" 发音类似字母 "J" 的英文读法。 "query" 发音与英文单词 "quer…

jquery获取radio选中的值

jquery获取radio选中的值

获取radio选中的值 使用jQuery获取被选中的radio按钮的值可以通过以下几种方法实现: 方法1:使用:checked选择器 var selectedValue = $('input[na…

jquery选择器

jquery选择器

jQuery 选择器基础 jQuery 选择器用于选取 DOM 元素,基于 CSS 选择器语法扩展。通过 $() 或 jQuery() 函数调用,返回匹配元素的集合。 常见选择器类型 元素选择…

jquery页面

jquery页面

jQuery 页面操作指南 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互的操作。以下是 jQuery 在页面中的常见使用方法…

jquery点击

jquery点击

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

jquery 选择

jquery 选择

jQuery 选择器基础 jQuery 选择器基于 CSS 选择器语法,用于快速定位和操作 DOM 元素。核心语法为 $() 或 jQuery(),括号内传入选择器表达式。 // 选择所有 <…