当前位置:首页 > jquery

jquery选中checkbox

2026-04-08 10:27:07jquery

jQuery 选中 checkbox 的方法

使用 jQuery 操作 checkbox 的选中状态可以通过以下几种方式实现:

jquery选中checkbox

设置 checkbox 为选中状态

$('#checkboxId').prop('checked', true);

设置 checkbox 为未选中状态

$('#checkboxId').prop('checked', false);

切换 checkbox 的选中状态

$('#checkboxId').prop('checked', function(i, currentValue) {
    return !currentValue;
});

获取 checkbox 的选中状态

var isChecked = $('#checkboxId').prop('checked');

通过属性选择器选中所有已勾选的 checkbox

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

注意事项

  • 使用 prop() 方法而不是 attr() 方法,因为 prop() 更能准确反映 checkbox 的当前状态。
  • 确保选择器能正确匹配到目标 checkbox,可以通过 ID、class 或其他属性选择。
  • 对于动态生成的 checkbox,可能需要使用事件委托来绑定事件。

标签: jquerycheckbox
分享给朋友:

相关文章

jquery库

jquery库

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

jquery最新版本

jquery最新版本

jQuery 最新版本 截至2024年7月,jQuery 的最新稳定版本是 3.7.1,发布于2023年11月16日。 版本特性 3.x 系列:支持现代浏览器(IE 9+),移除了旧版API…

jquery 下载

jquery 下载

jQuery 下载方法 官方网站下载 访问 jQuery 官网,点击页面上的“Download”按钮。官网提供两个版本: 压缩版(Production):文件名类似 jquery-x.x.x.m…

jquery 节点

jquery 节点

jQuery 节点操作 jQuery 提供了丰富的 DOM 节点操作方法,可以轻松实现节点的增删改查。 查找节点 使用选择器查找节点是最常见的操作。jQuery 支持 CSS 选择器语法,可以快速定…

jquery 动画

jquery 动画

jQuery 动画基础 jQuery 提供了一系列动画方法,用于实现元素的动态效果,如淡入淡出、滑动、自定义动画等。 常用动画方法 fadeIn() / fadeOut(): 元素的淡入和…

jquery 高度

jquery 高度

jQuery 获取和设置元素高度的方法 使用 jQuery 可以方便地获取或设置元素的高度。以下是几种常用的方法: 获取元素高度 使用 height() 方法可以获取匹配元素中第一个元素的计算高度(…