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?

36 of 47 people (77%) answered Yes
Recently 6 of 10 people (60%) answered Yes

Entry

I want to add the values of checked radio buttons in a form. How can I do that?

Jun 4th, 2000 12:03
Martin Honnen, Jon Pettit,


All form element values are strings so you have to use
  parseFloat
on the element's value property. 
<HTML>
<HEAD>
<SCRIPT>
function computeRadioTotal (form) {
  var total = 0;
  for (var e = 0; e < form.elements.length; e++)
    if (form.elements[e].type == 'radio' &&
        form.elements[e].checked)
      total += parseFloat(form.elements[e].value);
  return total;
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="aForm"
      ONSUBMIT="this.total.value = computeRadioTotal(this);
                return true;"
>
<INPUT TYPE="hidden" NAME="total">
2.3
<INPUT TYPE="radio" NAME="radioGroup1" VALUE="2.3">
1.5
<INPUT TYPE="radio" NAME="radioGroup1" VALUE="1.5">
<BR>
4
<INPUT TYPE="radio" NAME="radioGroup2" VALUE="4">
42
<INPUT TYPE="radio" NAME="radioGroup2" VALUE="42">
33
<INPUT TYPE="radio" NAME="radioGroup2" VALUE="33">
<BR>
<INPUT TYPE="submit">
</FORM>
</BODY>
</HTML>