js如何获取radio值

admin 阅读:49 2024-05-25
可以通过以下两种方法获取 javascript 中单选按钮的值:使用 document.queryselector() 获取选中单选按钮的 value 属性。使用 document.queryselectorall() 遍历所有单选按钮,找到选中按钮并获取其 value 属性。

js如何获取radio值

如何使用 JavaScript 获取单选按钮的值

JavaScript 中可以通过以下两种方法获取单选按钮(radio)的值:

一、使用 document.querySelector()

const radioValue = document.querySelector('input[name="radio-group"]:checked').value;

二、使用 document.querySelectorAll()

const radios = document.querySelectorAll('input[name="radio-group"]');
for (let i = 0; i <p><strong>示例:</strong></p><pre class="brush:php;toolbar:false"><input type="radio" name="radio-group" value="1"> Option 1
<input type="radio" name="radio-group" value="2"> Option 2
const radioValue = document.querySelector('input[name="radio-group"]:checked').value;
console.log(radioValue); // 输出:1 或 2
声明

1、部分文章来源于网络,仅作为参考。
2、如果网站中图片和文字侵犯了您的版权,请联系1943759704@qq.com处理!