Question

我正在一个有多种形式的单选按钮的网站上工作，其中一个是这样的：

<form id = "configuration">
    <ul>
        <li><input type="radio" name="configuration" id="0" value="0"/> GT Manual</li>
        <li><input type="radio" name="configuration" id="1" value="1"/> GT Automatic</li>
    </ul>
</form>

有一种方式（javascript）我可以直接访问单选按钮的值，例如

var value = document.getElementById("configuration").configuration.value;

（这里第一个“配置”是表单ID，而第二个“配置”是名称，而不是循环遍历表单中的每个元素以检查选择了哪个按钮？

谢谢！

Answer 1

得到这样......

var radios = document.getElementsByName('configuration');
 for (i = 0; i < radios.length; i++) {
    if (radios[i].type == 'radio' && radios[i].checked) {
        alert(radios[i].value);
    }
}

Answer 2

没有。您必须遍历无线电组以找出选择了哪一个。 .configuration是标准的NodeList，而不是具有处理无线电组的额外功能的“子类”。

Answer 3

由于单选按钮是组的一部分，因此它们具有相同的名称，由不同的ID标识。 KyleK提供的答案完全有效。然而，这是另一种方法 http://jsfiddle.net/9W76C/

if (document.getElementById('0').checked) {
   alert("GT Manual");
}

我还建议你使用jquery ......

Answer 4

如果你正在使用jQuery，你可以$('#configuration input:checkbox').val();知道选择了哪一个

通过表单ID访问单选按钮值

4 个答案: