PHP前端开发

js如何获取radio值

百变鹏仔 2个月前 (10-14) #JavaScript
文章标签 js
可以通过以下两种方法获取 javascript 中单选按钮的值:使用 document.queryselector() 获取选中单选按钮的 value 属性。使用 document.queryselectorall() 遍历所有单选按钮,找到选中按钮并获取其 value 属性。

如何使用 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