javascript - 单选按钮验证(动态名称)

Question

我有一个单选按钮列表。每个单选按钮都有一个动态名称。有没有办法检查它们是否都被选中？因为大多数 radio 验证脚本使用静态名称。

Answer 1

如果您知道某个容器的 ID，您可以找到带有“getElementsByTagName”的单选按钮。因此，如果您的 HTML 看起来像这样:

<form id='x-form' action='...'>
    <input type='radio' name='$[xyz}'>
    <!-- ... -->

然后你可以像这样检查单选按钮:

function allRadioButtonsSelected(formId) {
  var form = document.getElementById(formid);
  var inputs = form.getElementsByTagName('INPUT');
  for (var i = 0; i < inputs.length; ++i) {
    if (inputs[i].type.toLowerCase == 'radio' && !inputs[i].checked)
      return false;
  }
  return true;
}

如果您使用像 jQuery 这样的框架，您的生活将会轻松得多。