使用 javascript 从单选按钮获取值答案

【问题标题】：Getting the value from a radio button using javascript使用 javascript 从单选按钮获取值
【发布时间】：2012-01-04 05:17:59
【问题描述】：

我有一个带有单选输入的 HTML 表单，并希望使用 javascript 来分析结果。我在我的 JavaScript 函数中检索表单信息时遇到了困难：

function getResults(formInput){
    alert (formInput.question1);
}

其中 question1 是我的单选按钮组的“名称”。

这返回“对象节点列表”，我不知道出了什么问题，我希望它返回“1”，这是我的单选按钮选择时的值。

我不想知道哪个单选按钮被选中，哪个没有，我需要知道与所选单选按钮关联的值。

【问题讨论】：

您检查过 javascript.internet.com 上的代码存储库吗？您必须编写一个循环并检查每个按钮的选定值。

标签： javascript html

【解决方案1】：

你可以获得更简单优雅的解决方案：

<input type=radio name=my_radio value=value_1>

var my_form = document.querySelector('#my_form');
var my_radio = my_form.elements.my_radio;

alert(my_radio.value)  // this is the radionodelist.value you can check it on mdn

【讨论】：

【解决方案2】：

您所指的object Nodelist 正在被返回，因为您有一组具有相同名称的元素。如果您想查看选中的单选按钮的值，您需要遍历集合：

function getResults() {
    var radios = document.getElementsByName("question1");

    for (var i = 0; i < radios.length; i++) {       
        if (radios[i].checked) {
            alert(radios[i].value);
            break;
        }
    }
}

这里是a working jsFiddle。

【讨论】：

感谢您对我之前的帖子的建议和这里的回复，我会尝试一下，看看我能做什么
@JosephRobins，请查看更新后的帖子。我之前的回答有一个错误。
哦，你的美女！我现在很高兴 :):):) 非常感谢您的帮助！