😊 js & jQuery：轻松判断Checkbox是否被选中
发布时间：2025-03-16 13:21:38来源：
在前端开发中，判断一个复选框（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不仅简化了代码书写，还增强了可读性！
🎉 总结来说，无论你选择哪种方式，都可以轻松判断复选框的状态。快去试试吧！💪
免责声明：本答案或内容为用户上传，不代表本网观点。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 如遇侵权请及时联系本站删除。
