有两个单选按钮与JavaScript具有相同的ID

Question

如何让单选按钮具有相同的ID？

我想问的原因是我制作了一个使用单选按钮的表单，但每个问题都是必需的。使用JS，我做到了这一点。

这里是我的代码：

<form>     
      <label>First name:</label> 
      <input type="text" id="fname"> <br><br> 
      <label>Last name:</label> 
      <input type="text" id="lname"> <br><br> 
      <label>Email address:</label> 
      <input type="text" id="email"> <br><br> 
      <label>Age</label> 
      <input type="text" id="age"> <br><br> 
      <label>Gender:</label><br> 
      <!-- radio button *help* --> 
      <input type="radio"> Male<br> 
    <input type="radio"> Female<br> 
    <input type="radio"> Other <br><br> 
      <!-- radio button *help* --> 
      <input type="submit" id="submit" value="Submit"> 
      <input type="reset" name="reset" value="Reset"> 
     </form> 

JS：

var $ = function (id) { return document.getElementById(id); } 



      var check = function() 
      { 

       var first = $("fname").value; 
       var last = $("lname").value; 
       var email = $("email").value; 
       var comments = $("comments").value; 
       var errors = ""; 

       if (first == "") 
        errors += "You must enter a first name \n"; 
       if (last == "") 
        errors += "You must enter a last name \n"; 
       if (email == "") 
        errors += "You must enter an email address \n"; 

       if (errors == "") 
        alert("Thank you"); 
       else 
        alert(errors); 
      } 

      window.onload = function() 
      { 
       $("submit").onclick = check; 
      } 

请注意，我大约2周前开始JS，所以任何帮助是非常有用的！

谢谢！

Answer 1

HTML中的ID需要唯一。您可以将required添加到您的广播元素中，以便至少选择一个具有相同名称组的广告。

<form> 
 
<input type="radio" name="gender" required /> Male<br /> 
 
<input type="radio" name="gender" required /> Female<br /> 
 
<input type="submit" /> 
 
</form>