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

Demo: http://jsfiddle.net/majidf/LhDXG/

Markup

Sex:
 
 Male

 Female


Age group:
 
 0 to 3

 3 to 5

 5 to 10


Get values

JS

function getRVBN(rName) {
    var radioButtons = document.getElementsByName(rName);
    for (var i = 0; i < radioButtons.length; i++) {
        if (radioButtons[i].checked) return radioButtons[i].value;
    }
    return '';
}

function getValues() {
    var g = getRVBN('gender');
    var a = getRVBN('ageGroup');
    alert(g + ' ' + a);
}