js写一个单选框被单击
时间: 2024-03-25 11:39:08 浏览: 19
您可以使用 JavaScript 为单选框绑定 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", function() {
console.log("选项1被单击了");
});
radio2.addEventListener("click", function() {
console.log("选项2被单击了");
});
```
在上面的示例代码中,我们为两个单选框元素分别绑定了一个 click 事件,并在事件处理函数中输出了相应的信息。当单选框被单击时,对应的事件处理函数就会被触发。需要注意的是,click 事件会在单选框被选中之前触发,如果您需要获取单选框的选中状态,可以使用 change 事件。