有兩個單選按鈕與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>