js点击<input type="radio"
时间: 2023-08-27 17:36:45 浏览: 99
您可以使用 JavaScript 为单选框绑定 click 事件来实现单选框被点击后触发的事件。以下是一个简单的示例代码:
```html
<form>
<input type="radio" id="option1" name="myRadio" value="option1">
<label for="option1">选项1</label><br>
<input type="radio" id="option2" name="myRadio" value="option2">
<label for="option2">选项2</label><br>
<input type="radio" id="option3" name="myRadio" value="option3">
<label for="option3">选项3</label><br>
</form>
```
```javascript
const radio1 = document.getElementById("option1");
const radio2 = document.getElementById("option2");
const radio3 = document.getElementById("option3");
radio1.addEventListener("click", function() {
console.log("选项1被点击了");
});
radio2.addEventListener("click", function() {
console.log("选项2被点击了");
});
radio3.addEventListener("click", function() {
console.log("选项3被点击了");
});
```
在上面的示例代码中,我们为三个单选框元素分别绑定了一个 click 事件,并在事件处理函数中输出了相应的信息。当单选框被点击时,对应的事件处理函数就会被触发。需要注意的是,click 事件会在单选框被选中之前触发,如果您需要获取单选框的选中状态,可以使用 change 事件。
阅读全文