2つのラジオボタンがJavaScriptと同じIDを持っている

Question

ラジオボタンセットに同じIDが設定されるようにする方法はありますか？

理由私は、ラジオボタンが使用されているフォームを作っていますが、すべての質問が必要です。 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を開始したことに注意してくださいは、ので、任意の助けが有用である：

<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：

は、ここに私のコードです！

ありがとうございます！

Answer 1

HTMLのIDは一意である必要があります。ラジオ要素にrequiredを追加すると、同じ名前のグループを少なくとも1つ選択する必要があります。

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