【问题标题】:Radio button validation (dynamic name)单选按钮验证(动态名称)
【发布时间】:2011-01-20 12:30:20
【问题描述】:

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

【问题讨论】:

    标签: javascript html validation radio-button


    【解决方案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 的情况下做类似的事情了 :-)
    猜你喜欢
    • 2015-05-31
    • 2014-02-26
    • 1970-01-01
    • 1970-01-01
    • 2017-06-27
    • 1970-01-01
    • 2010-11-10
    • 2012-01-04
    • 2016-07-30
    相关资源
    最近更新 更多