设置复选框选中 - jQuery / Javascript

在前端开发中，我们常常需要通过使用JavaScript或jQuery来操作页面元素，其中涉及到设置复选框的选中状态。本文将介绍如何使用jQuery和原生JavaScript来设置复选框的选中状态。

一、jQuery

1.1 设置选中状态

使用jQuery设置复选框的选中状态很简单，只需要使用prop()方法来设置checked属性为true即可。例如：

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

该代码会将id为checkboxId的复选框设置为选中状态。

1.2 取消选中状态

取消复选框的选中状态也非常简单，只需要将checked属性设置为false即可。例如：

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

二、原生JavaScript

2.1 设置选中状态

使用原生JavaScript设置复选框的选中状态稍微麻烦一些，需要获取复选框的DOM对象，然后使用setAttribute()方法来设置checked属性为true。例如：

document.getElementById('checkboxId').setAttribute('checked', 'checked');

该代码会将id为checkboxId的复选框设置为选中状态。

另外，还有一种更简单的方法，即使用选择器获取复选框的DOM对象，然后直接设置checked属性为true。例如：

document.querySelector('#checkboxId').checked = true;

2.2 取消选中状态

取消复选框的选中状态同样需要获取复选框的DOM对象，然后将checked属性设置为false。例如：

document.getElementById('checkboxId').removeAttribute('checked');

或者：

document.querySelector('#checkboxId').checked = false;

总结

本文介绍了如何使用jQuery和原生JavaScript来设置复选框的选中状态。通过学习本文，相信读者已经掌握了选中和取消选中状态的两种方法，可以轻松地在前端开发中使用。