当前位置:首页 > jquery

jquery获取选中的checkbox

2026-03-17 02:24:47jquery

获取选中的checkbox

使用jQuery获取所有被选中的checkbox元素,可以通过以下方法实现:

var checkedBoxes = $('input[type="checkbox"]:checked');

遍历选中的checkbox

如果需要进一步处理选中的checkbox,可以遍历它们:

$('input[type="checkbox"]:checked').each(function() {
    console.log($(this).val());
});

获取选中checkbox的值

获取所有选中checkbox的值,并将它们存入数组:

var values = $('input[type="checkbox"]:checked').map(function() {
    return $(this).val();
}).get();

特定名称的checkbox

如果checkbox有特定的name属性,可以通过name筛选:

var selectedValues = $('input[name="checkboxName"]:checked').map(function() {
    return $(this).val();
}).get();

表单中的checkbox

获取表单中所有被选中的checkbox:

jquery获取选中的checkbox

var formCheckboxes = $('#formID input[type="checkbox"]:checked');

注意事项

  • 确保DOM加载完成后执行jQuery代码,可以将代码放在$(document).ready()中。
  • 如果checkbox是动态生成的,可能需要使用事件委托或重新绑定事件。

标签: jquerycheckbox
分享给朋友:

相关文章

jquery教程

jquery教程

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

jquery获取

jquery获取

获取元素 使用jQuery选择器获取元素,通过CSS选择器或jQuery特定选择器定位目标元素。常见选择器包括ID选择器(#id)、类选择器(.class)、标签选择器(tag)等。示例: $('#…

jquery 方法

jquery 方法

jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。以下是一些常用的 jQuery 方法及其用途: 选择器方法 $("selec…

jquery 使用

jquery 使用

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

jquery上传

jquery上传

jQuery 文件上传的实现方法 jQuery 可以通过多种方式实现文件上传功能,以下介绍几种常见的方法: 使用原生表单和 AJAX 通过 HTML 表单结合 jQuery 的 AJAX 功能实现文…

jquery提示

jquery提示

jQuery提示功能的实现方法 使用jQuery实现提示功能通常涉及工具提示(Tooltip)、弹出框(Popup)或通知消息(Notification)。以下是几种常见实现方式: 使用jQuery…