1
votes

i want to select only one in between these 3 options where i was wrong please show me with ex. this is my code.

HTML-----

 <label for="gender1">Male</label>
 <input type="checkbox" id="gender1" onclick="select(this.id)" name="gender" value="male">
 <label for="gender2">Female</label>
 <input type="checkbox" id="gender2" onclick="select(this.id)" name="gender" value="female">
 <label for="gender3">None</label>
 <input type="checkbox" id="gender3" onclick="select(this.id)" name="gender" value="none">

Javascript-----

function select(id){
   for(var i=1;i<=3;i++){
      document.getElementById("gender" +i).checked=false;
   }
   document.getElementById(id).checked=true;
}
If you use radio buttons instead of checkboxes, you get this functionality automatically without JS. - Shilly