faqts : Computers : Programming : Languages : JavaScript : Forms : Radio buttons

+ Search
Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

214 of 231 people (93%) answered Yes
Recently 9 of 10 people (90%) answered Yes

Entry

How do I find the value of the checked radio button in a group?

Mar 27th, 2005 14:41
Shailesh Humbad, Martin Honnen,


The getRadioValue function returns null if no radio button in a group is
checked (or a single radio button is not checked) and otherwise the
value of the checked button. Two example calls are included:

<HTML>
<HEAD>
<SCRIPT>
function getRadioValue (radioButtonOrGroup) {
  var buttonsLength = radioButtonOrGroup.length;
  if (buttonsLength) { // group
    for (var b = 0; b < buttonsLength; b++)
      if (radioButtonOrGroup[b].checked)
        return radioButtonOrGroup[b].value;
  }
  else if (radioButtonOrGroup.checked)
    return radioButtonOrGroup.value;
  return null;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="formName">
<INPUT TYPE="radio" NAME="aRadioGroup" VALUE="Kibo">
<INPUT TYPE="radio" NAME="aRadioGroup" VALUE="Xibo">
<INPUT TYPE="radio" NAME="aRadioGroup" VALUE="Maho">
<INPUT TYPE="button" VALUE="show value"
       ONCLICK="alert(getRadioValue(this.form.aRadioGroup))"
>
<BR>
<INPUT TYPE="radio" NAME="aRadioButton" VALUE="Kibo">
<INPUT TYPE="button" VALUE="show value"
       ONCLICK="alert(getRadioValue(this.form.aRadioButton))"
>
</FORM>
</BODY>
</HTML>