javascript - 在 JavaScript 中访问表单中的单选元素

Question

我有一个用例，其中单选按钮的数量可以是 1 个或多个，检查的最佳实践是什么

即

var radioElements = document.forms["formname"].elements["abc"];
for(var i=0; i < radioElements.length; i++) {
    if(radioElements[i].checked) {
        alert("blah..");
        break;
    }
}

这在 DOM 具有时有效

<form name="formname">
  <input type=radio name=abc id=abc value=aaa/>
  <input type=radio name=abc id=abc value=bbb/>
</form>

但是当它只有一个 radio 元素时无法工作

<form name="formname">
  <input type=radio name=abc id=abc value=aaa/>
</form>

如何使上述 JavaScript 在这两种情况下都能工作。

Answer 1

您可以使用getElementsByName 。此方法始终返回一个可以迭代的集合:

var radioElements = document.getElementsByName("abc");
for(var i=0; i < radioElements.length; i++)
{
    if(radioElements[i].checked) 
    {
        alert("blah..");
        break;
    }
}

请参阅 jsfiddle.net/L6SKx/ 上的实际示例。