javascript - 如何找到一组单选按钮的值？

Question

我有一个循环遍历表单并找到每个元素的值的函数，例如复选框、输入字段等。当它循环遍历此表单的标签时，它会将它们添加到一个字符串中，例如，如果我有一个 select 标签，里面有几个 option 标签，它会取 select 标签的值(方便地是 select 标签的当前选定值)，并将其添加到字符串中。

问题是，单选按钮在表单中似乎没有位置来存储它们的当前值。我知道单选按钮是按名称分组的，但是如何在不使用单选按钮标签的 id 的情况下找出选择了哪个单选按钮？此外，我的表单将有几个不同的单选按钮组，并且在我单击提交后必须能够单独检索每个单选按钮的值。

这是一个单选按钮表单示例

    <form id="radioTestForm">
        <input type="radio" name="group1" value="cows">1</input>
        <input type="radio" name="group1" value="ducks">2</input>
        <input type="button" onclick="radioTest()" value="submit"></input>
    </form>

最后一点，我不能为此使用 jquery，它必须在 javascript 中。

Answer 1

function getRadioValue()
{
    for (var i = 0; i < document.getElementsByName('group1').length; i++)
    {
        if (document.getElementsByName('group1')[i].checked)
        {
            return document.getElementsByName('group1')[i].value;
        }
    }
}

Working Demo