怎么监控单选框发生改变并触发事件
时间: 2024-03-10 12:44:30 浏览: 110
jQuery单选框复选框美化代码
要监控单选框的变化并触发事件,可以使用 `onchange` 事件。当单选框的选中状态发生改变时,会触发 `onchange` 事件。可以在 HTML 中使用 `onchange` 属性来指定事件处理程序,例如:
```
<input type="radio" name="gender" value="male" onchange="handleGenderChange()">
```
上面的代码中,当这个单选框的选中状态发生改变时,会调用名为 `handleGenderChange` 的函数。你可以在这个函数中编写你想要执行的代码,例如:
```
function handleGenderChange() {
var gender = document.querySelector('input[name="gender"]:checked').value;
console.log('选中的性别为:' + gender);
}
```
上面的代码中,当单选框的选中状态发生改变时,会获取选中的单选框的值,并将其打印到控制台中。你可以根据自己的需求修改这个函数来执行其他操作。
阅读全文