jq 监听input checkbox选中事件
时间: 2023-11-09 17:12:00 浏览: 170
jquery检测input checked 控件是否被选中的方法
可以使用 `change` 事件来监听 `input` 元素的选中状态改变事件。具体可以如下实现:
```javascript
// 获取checkbox元素
const checkbox = document.querySelector('input[type=checkbox]');
// 监听选中状态改变事件
checkbox.addEventListener('change', function() {
// 判断选中状态
if (this.checked) {
console.log('选中了');
} else {
console.log('取消选中');
}
});
```
如果你想使用 jQuery 来实现,可以这样:
```javascript
// 获取checkbox元素
const $checkbox = $('input[type=checkbox]');
// 监听选中状态改变事件
$checkbox.change(function() {
// 判断选中状态
if (this.checked) {
console.log('选中了');
} else {
console.log('取消选中');
}
});
```
阅读全文