如何在 JavaScript 中获取选定单选按钮的值？

确定选定的单选按钮值

要检索组内选定的单选按钮的值，使用传统方法可能会遇到困难。本文提供了此常见问题的解决方案。

考虑一组单选按钮的以下 HTML 结构：

<div>

要使用 JavaScript 获取所选按钮的值，您可以最初尝试此代码：

var rates = document.getElementById('rates').value;

但是，此方法检索包含 div 元素的 ID，而不是选定的单选按钮值。要解决此问题，请使用以下代码：

document.querySelector('input[name="rate"]:checked').value;

此代码使用 querySelector 方法选择 rates div 中的第一个匹配的单选按钮元素，确保您专门获取选中按钮的值。

以上是如何在 JavaScript 中获取选定单选按钮的值？的详细内容。更多信息请关注PHP中文网其他相关文章！