js如何获取radio值

百变鹏仔 3个月前 (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

文章推荐

js如何获取radio值

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？