当前位置:首页 > jquery

jquery选中checkbox

2026-02-03 17:13:52jquery

选中单个checkbox

通过ID或class选择器选中单个checkbox并设置选中状态:

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

选中多个checkbox

使用属性选择器选中所有checkbox:

jquery选中checkbox

$('input[type="checkbox"]').prop('checked', true);

根据条件选中checkbox

结合filter方法实现条件筛选:

jquery选中checkbox

$('input[type="checkbox"]').filter(function() {
    return $(this).val() === 'option1';
}).prop('checked', true);

反选checkbox状态

使用prop方法获取当前状态并取反:

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

获取选中的checkbox

使用:checked选择器获取所有已选中的checkbox:

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

标签: jquerycheckbox
分享给朋友:

相关文章

jquery版本

jquery版本

jQuery 的版本历史及当前状态如下: 当前稳定版本 jQuery 的最新稳定版本是 3.6.4(发布于 2023 年 3 月),支持现代浏览器并修复了部分安全问题。 主要版本分支…

jquery中

jquery中

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

jquery代码

jquery代码

以下是关于jQuery代码的常见用法和示例,涵盖基础操作、事件处理、DOM操作等核心功能: 基础语法 jQuery通过$()函数选择元素,支持CSS选择器语法: // 选择所有<p>元…

jquery css

jquery css

jQuery 操作 CSS 的方法 jQuery 提供了多种方法来操作元素的 CSS 样式,包括获取、设置、添加或移除样式。以下是常用的方法: 获取 CSS 属性值 使用 .css() 方法获取元素…

jquery vue

jquery vue

jQuery 与 Vue.js 的对比 jQuery 和 Vue.js 是两种不同的前端技术,适用于不同的开发场景。 jQuery 用途:主要用于 DOM 操作、事件处理和 AJAX 请求。…

jquery 替换

jquery 替换

jQuery 替换元素内容的方法 使用 jQuery 替换元素内容可以通过多种方式实现,包括替换文本、HTML 或整个元素。以下是几种常见的方法: 替换文本内容 使用 .text() 方法可以替换元…