input的checkbox怎么监听他是否勾选
时间: 2024-01-17 15:04:03 浏览: 171
输入框字符个数监听
可以通过监听 input 元素的 change 事件来判断 checkbox 是否被勾选。以下是一个示例代码:
HTML 代码:
```
<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">勾选我</label>
```
JavaScript 代码:
```
const myCheckbox = document.getElementById('myCheckbox');
myCheckbox.addEventListener('change', (event) => {
if (event.target.checked) {
console.log('已勾选');
} else {
console.log('未勾选');
}
});
```
当用户勾选或取消勾选该复选框时,事件处理程序会输出相应的消息。注意:这里使用了事件委托,将事件绑定在 input 元素上,而不是 label 元素上。
阅读全文