Finding the Selected Button in a Radio Group : RadioButton Radio « Form Control « JavaScript DHTML

Finding the Selected Button in a Radio Group

<TITLE>Extracting Highlighted Radio Button</TITLE>
function getSelectedButton(buttonGroup){
    for (var i = 0; i < buttonGroup.length; i++) {
        if (buttonGroup[i].checked) {
            return i;
    return 0;
function fullName(form) {
    var i = getSelectedButton(form.songs);
    alert("You chose " + form.songs[i].value + ".");
function cycle(form) {
    var i = getSelectedButton(form.songs)
    if (i+1 == form.songs.length) {
        form.songs[0].checked = true
    } else {
        form.songs[i+1].checked = true
<B>Select your favorite song:</B>
<INPUT TYPE="radio" NAME="songs" VALUE="B" >B
<INPUT TYPE="radio" NAME="songs" VALUE="C" >C
<INPUT TYPE="radio" NAME="songs" VALUE="D" >D</P>
<P><INPUT TYPE="button" NAME="Viewer" VALUE="View Full Name..." onClick="fullName(this.form)"></P>
<P><INPUT TYPE="button" NAME="Cycler" VALUE="Cycle Buttons" onClick="cycle(this.form)"> </P>

Related examples in the same category

1.'defaultChecked' Example
2.Radio Button status Example
3.Check a Radio Button
4.Radio buttons in a form
5.Using the onPropertyChange Property
6.Radio action
7.Methods and Properties of the Radio Object
8.Determining the Value of the Selected Radio Button
9.Scripting a Group of Radio Objects
10.An onClick event Handler for Radio Buttons
11.Get the radio button selection
12.Get the select radio button and its value
13.Cycle the selected radio buttons