How to get the selected radio button’s value?

This works with any explorer.

document.querySelector('input[name="genderS"]:checked').value;

This is a simple way to get the value of any input type.You also do not need to include jQuery path.

javascript html for-loop radio-button

You can do something like this:

var radios = document.getElementsByName('genderS');for (var i = 0, length = radios.length; i < length; i++) {  if (radios[i].checked) {    // do whatever you want with the checked radio    alert(radios[i].value);    // only one radio can be logically checked, don't check the rest    break;  }}

<label for="gender">Gender: </label><input type="radio" name="genderS" value="1" checked="checked">Male</input><input type="radio" name="genderS" value="0">Female</input>

Expand snippet