document radio 单击
时间: 2023-10-15 15:02:15 浏览: 33
如果您想实现在 radio 被单击时触发某个事件,可以通过为 radio 元素绑定 click 事件来实现。以下是一个示例代码:
```html
<!-- HTML -->
<input type="radio" name="myRadio" value="option1" id="option1">
<label for="option1">选项1</label>
<input type="radio" name="myRadio" value="option2" id="option2">
<label for="option2">选项2</label>
```
```javascript
// JavaScript
const radio1 = document.getElementById("option1");
const radio2 = document.getElementById("option2");
radio1.addEventListener("click", event => {
console.log("选项1被单击了");
});
radio2.addEventListener("click", event => {
console.log("选项2被单击了");
});
```
在上面的示例代码中,我们为两个 radio 元素分别绑定了一个 click 事件,并在事件处理函数中输出了相应的信息。当 radio 元素被单击时,对应的事件处理函数就会被触发。需要注意的是,click 事件会在 radio 被选中之前触发,如果您需要获取 radio 的选中状态,可以使用 change 事件。