input type="radio" 获取杯选中的数据
时间: 2023-07-06 17:06:16 浏览: 80
Jquery获取radio选中的值
首先,需要给每个选项设置一个相同的名称(name),不同的值(value),然后使用 JavaScript 获取选中的值。
示例代码如下:
```html
<input type="radio" name="drink" value="coffee">咖啡
<input type="radio" name="drink" value="tea">茶
<input type="radio" name="drink" value="juice">果汁
<script>
// 获取选中的值
var selectedValue = document.querySelector('input[name="drink"]:checked').value;
console.log(selectedValue);
</script>
```
在上面的代码中,我们使用了 document.querySelector() 方法选择被选中的单选框,并获取其值。如果没有选中任何单选框,则会抛出异常。因此,在实际应用中,需要先检查是否有选中的值,再进行操作。
阅读全文