在前端开发中，判断一个复选框（Checkbox）是否被选中是常见的需求之一。无论是使用原生JavaScript还是jQuery，实现起来都非常简单！下面给大家分享两种方法，让你快速搞定这个功能。
📚 方法一：原生JavaScript
假设你有一个HTML结构如下：
```html
```
通过JavaScript可以这样判断：
```javascript
const checkbox = document.getElementById('myCheckbox');
if (checkbox.checked) {
console.log('复选框已被选中！');
} else {
console.log('复选框未被选中。');
}
```
这种方法直接操作DOM元素的`checked`属性，逻辑清晰且高效！
💻 方法二：jQuery实现
如果你已经在项目中引入了jQuery库，可以用更简洁的方式完成：
```javascript
$('myCheckbox').on('change', function() {
if ($(this).is(':checked')) {
console.log('复选框已被选中！');
} else {
console.log('复选框未被选中。');
}
});
```
jQuery不仅简化了代码书写，还增强了可读性！
🎉 总结来说，无论你选择哪种方式，都可以轻松判断复选框的状态。快去试试吧！💪