当前位置:首页 > 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 交互。以下是关于其最新版本的信息: 当前稳定版本 jQuer…

jquery教程

jquery教程

jQuery 教程:基础与实用方法 jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画和 Ajax 交互。其核心特点是“写得更少…

jquery 对话框

jquery 对话框

jQuery 对话框的实现方法 jQuery 对话框通常通过 jQuery UI 库中的 dialog() 方法实现。以下是几种常见的实现方式: 基本对话框实现 引入必要的 jQuery 和 jQ…

加载jquery

加载jquery

加载 jQuery 的方法 通过 CDN 加载 推荐使用官方或公共 CDN(内容分发网络)加载 jQuery,速度快且稳定。将以下代码添加到 HTML 文件的 <head> 或 <b…

jquery验证

jquery验证

jQuery 验证的基本方法 使用 jQuery 进行表单验证可以通过多种方式实现,以下是一些常见的方法和插件: 使用 jQuery 原生方法 通过 jQuery 选择器和事件处理函数,可以手动编写…

jquery 特效

jquery 特效

jQuery 特效实现方法 jQuery 提供了丰富的特效方法,可以轻松实现动画、渐变、滑动等效果。以下是一些常见的 jQuery 特效实现方式: 淡入淡出效果 使用 fadeIn() 和 fade…