How can we access the value of a radio button using the DOM?

Question

How can we access the value of a radio button using the DOM?

For eg. we have the radio button as :

Answer 1

If you want the selected one, but don't have a framework handy, you can iterate over the element array looking for whichever one is checked:

for (var i = 0; i < document.form1.sex.length; i++) {
    if (document.form1.sex[i].checked) alert(document.form1.sex[i].value);
}