表单中单选按钮的javascript验证

javascript validation of radio buttons in a form

本文关键字：javascript 验证 单选按钮 表单      更新时间：2023-09-26

希望有人能了解下面的代码，它总是提醒下面的错误。该代码旨在验证是否选择了一个单选按钮，否则将返回false到当前页面，否则继续表单操作。提前感谢你！！

  function onDisplayItemsForm(){
  var re = false;           // used to determine when a button is checked
  var radIdSelected = frmDisplayItems; 
// traverse the radio buttons
// if one is checked sets re to true, and stops the iteration
    for(var i=0; i<radIdSelected.length; i++) 
    {
      if(radIdSelected[i].checked == true) 
      {
       re = true;
   break;
       }
   if (!radIdSelected[i].checked) 
{
      alert("Please select product");
      return false;
    }
     return true;
  }
 };

形式如下：

  <form name="frmDisplayItems" action="showItem.php" onsubmit="return onDisplayItemsForm();" >

      <table width="50%" border="1">
  <th>Country of Origin</th>
  <th>Select</th>
  </tr>

         <td><input name='"radId'" type='"radio'" value='"$id'" /></td>

  </tbody>
  </table>
  <p><input name="btnSubmit" type="submit" value="Select"/>  </p>
  </form>

<

循环结束后，您要检查的re值：

if (!re)
{
    alert("Please select product");
    return false;
}
return true;
相关文章：