Select radio buttons by name
A solution to a problem asked here:
http://stackoverflow.com/questions/7275597
HTML
Sex:<br/>
<input type="radio" name="gender" value="male" /> Male<br/>
<input type="radio" name="gender" value="female" /> Female
<br/>
Age group:<br/>
<input type="radio" name="ageGroup" value="0" /> 0 to 3<br/>
<input type="radio" name="ageGroup" value="3-" /> 3 to 5<br/>
<input type="radio" name="ageGroup" value="5-10" /> 5 to 10<br/>
<button onclick="getValues();">Get values</button>
JavaScript
function getRVBN(n) {
var i, r = document.getElementsByName(n);
for (i = 0; i < r.length; i++) {
if (r[i].checked) return r[i].value;
}
return '';
}
function getValues() {
var g = getRVBN('gender');
var a = getRVBN('ageGroup');
alert(g + ' ' + a);
}