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

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

单选按钮允许用户从组中选择单个选项的相关选择。检索所选单选按钮的值是 Web 开发中的常见任务。

问题：

您无法从一组单选按钮中检索所选值使用您当前的 JavaScript

解决方案：

要获取所选单选按钮的值，可以使用以下改进的代码：

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

if (selectedRadio) {
  const rateValue = selectedRadio.value;
  document.getElementById('results').innerHTML = rateValue;
}

说明：

querySelector() 方法搜索中的第一个元素与指定选择器匹配的 DOM。在本例中，它的目标是具有名称属性“rate”和选中属性的单选按钮。

获取选定的单选按钮后，将检索其 value 属性并将其存储在rateValue 变量中。最后，结果元素的innerHTML属性被设置为rateValue，有效地显示所选单选按钮的值。

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