jquery设置checkbox选中

使用 prop() 方法设置选中状态

通过 jQuery 的 prop() 方法可以动态设置 checkbox 的选中状态。该方法直接操作 DOM 元素的属性，推荐用于处理 checkbox 和 radio 按钮的状态切换。

$('#checkboxId').prop('checked', true);  // 设置为选中
$('#checkboxId').prop('checked', false); // 设置为未选中

使用 attr() 方法（适用于旧版本 jQuery）

在 jQuery 1.6 之前的版本中，attr() 方法曾被用于操作属性。虽然现代版本仍支持，但更推荐使用 prop()。

$('#checkboxId').attr('checked', 'checked');  // 设置为选中
$('#checkboxId').removeAttr('checked');      // 设置为未选中

通过 DOM 属性直接设置

通过 JavaScript 原生属性也能实现，结合 jQuery 选择器使用：

$('#checkboxId')[0].checked = true;  // 选中
$('#checkboxId')[0].checked = false; // 取消选中

批量操作多个 checkbox

若需批量设置同组 checkbox，可通过类选择器或属性选择器实现：

$('.checkboxClass').prop('checked', true); // 选中所有匹配元素
$('input[type="checkbox"]').prop('checked', false); // 取消所有复选框

根据条件动态设置选中状态

结合条件判断灵活控制选中状态：

var shouldCheck = true; // 条件变量
$('#checkboxId').prop('checked', shouldCheck);

注意事项

• prop() 与 attr() 的区别：prop() 反映当前 DOM 状态，attr() 仅反映 HTML 初始属性。
• 在 jQuery 1.9+ 版本中，attr('checked') 可能返回 "checked" 字符串而非布尔值，建议统一使用 prop()。