Getting the selected radio without using “Id” but “name”

Question

I was trying to get selected radio button by using \"document.getElementByName(\'nameOfradio\')\" because all of the radio buttons share the same name. But, nothing happened

Answer 1

document.querySelector('input[name=nameOfRadio]:checked').value

Eg:-

   Male

   Female

   Other  
 

document.querySelector('input[name=gender]:checked').value

Also, you can add a checked attribute to a default radio button among the group of radio buttons if needed

 Male

 Female

 Other