Avoir deux boutons radio ont le même ID avec JavaScript

Question

Comment est-il possible de faire en sorte qu'un ensemble de boutons radio ait les mêmes ID?

Raison Je demande est que je fais un formulaire dans lequel les boutons radio sont utilisés, mais chaque question est nécessaire. En utilisant JS, je l'ai fait pour que cela fonctionne.

Voici mon code:

<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; 
      } 

S'il vous plaît noter que j'ai commencé JS il y a environ 2 semaines, donc toute aide est utile!

Merci!

Answer 1

Un ID en HTML doit être unique. Vous pouvez ajouter required à vos éléments radio afin qu'au moins un du même groupe de noms soit sélectionné.

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