input单选框选中与取消
时间: 2024-01-17 09:06:05 浏览: 88
利用原生js和jQuery实现单选框的勾选和取消操作的方法
要实现单选框的选中和取消,可以使用以下代码:
HTML代码:
```
<input type="radio" name="myRadio" value="option1" onclick="radioClicked(this)"> Option 1
<input type="radio" name="myRadio" value="option2" onclick="radioClicked(this)"> Option 2
```
JavaScript代码:
```
function radioClicked(radio) {
if (radio.checked) {
console.log("Selected: " + radio.value);
} else {
console.log("Unselected: " + radio.value);
}
}
```
这里的单选框有一个共同的name属性,用于将它们分组,只允许其中一个被选中。当单选框被点击时,会调用radioClicked函数,并将单选框元素作为参数传递给它。该函数检查单选框是否被选中,然后在控制台中输出相应的消息。
阅读全文