如何找到一组单选按钮的值？答案

【问题标题】：How do I find the value of a group of radio buttons?如何找到一组单选按钮的值？
【发布时间】：2012-11-28 12:01:53
【问题描述】：

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

问题是，单选按钮在表单中似乎没有存储当前值的位置。我知道单选按钮是按名称分组的，但是如何在不使用单选按钮标签的 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 中。

【问题讨论】：

标签： javascript html radio-button

【解决方案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

【讨论】：

【解决方案2】：

假设这是你的表单

<form name="form1">
Apple <input type="radio" name="fruit" checked value="apple" >
Orange <input type="radio" name="fruit" value="orange" >
Apricot <input type="radio" name="fruit" value="apricot" >
</form>

<input type="button" onclick="whichFruit()" value="Choose a fruit">

您将检测到如下选择的单选按钮

function wichFruit()
{
  var element = document.form1.fruit;
  for (var i=0; i < element.length; i++)
  {
    if (element[i].checked)
    {
      var fruit = element[i].value;
      break;
    }
  }
}

【讨论】：