单选按钮验证（动态名称）

Posted 2023-03-05

【中文标题】单选按钮验证（动态名称）

【英文标题】：Radio button validation (dynamic name)

【发布时间】：2011-01-20 12:30:20

【问题描述】：

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

【参考方案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 这样的框架，您的生活会轻松很多。

【讨论】：

您也可以使用form.elements 获取表单中所有输入元素的列表。

true - 实际上我已经有一段时间没有想过在没有 jQuery 的情况下做类似的事情了 :-)