当前位置:首页 > 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官网(https://jquery.com/),点击页面中的“Download”按钮。提供两个版本选择: Production版本:压缩后的…

jquery插件

jquery插件

jQuery 插件开发指南 jQuery 插件是一种扩展 jQuery 功能的模块化方式,允许开发者封装可重用的代码。以下是开发和使用 jQuery 插件的基本方法。 插件基本结构 jQuery 插…

vue实现checkbox

vue实现checkbox

Vue 实现 Checkbox 的基本方法 在 Vue 中实现 Checkbox 可以通过 v-model 直接绑定数据,结合 input 元素的 type="checkbox" 属性。以下是一个基础…

jquery之家

jquery之家

jQuery之家资源推荐 jQuery之家(通常指提供jQuery相关资源的网站或社区)是开发者获取插件、教程和代码示例的重要平台。以下是几个与jQuery相关的优质资源网站: 1. jQuery…

锋利的jquery

锋利的jquery

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

jquery的

jquery的

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