[Javascript] Adding checkbox values

Alan Easton alaneaston666 at hotmail.com
Sat Feb 14 12:51:20 CST 2004


Hello People,

I am trying something which I think is simple. I have a form with 9 
checkboxes and a text box. Each checkbox has a numeric value.

Now all I want to do is add them up when they get ticked, and the total 
value to appear in the text field, or subtract the value of the checkbox 
from the total if it is unchecked. I want this to happen automatically.

Here is what I am trying, but as yet it is not working.

**************CODE*************************
<script language="JavaScript"><!--
function calculate(what) {
    for (var i=1,answer=0;i<9;i++)
        answer += what.elements['Checkbox' + i].value - 0;
    what.answer.value = answer;
}
//--></script>

<form ID="Form2">
<INPUT type="checkbox" ID="Checkbox1" NAME="Checkbox1" VALUE="1" 
onchange="calculate(this.form)"><br>
<INPUT type="checkbox" ID="Checkbox2" NAME="Checkbox2" VALUE="1" 
onchange="calculate(this.form)"><br>
<INPUT type="checkbox" ID="Checkbox3" NAME="Checkbox3" VALUE="1" 
onchange="calculate(this.form)"><br>
<INPUT type="checkbox" ID="Checkbox4" NAME="Checkbox4" VALUE="1" 
onchange="calculate(this.form)"><br>
<INPUT type="checkbox" ID="Checkbox5" NAME="Checkbox5" VALUE="1" 
onchange="calculate(this.form)"><br>
<INPUT type="checkbox" ID="Checkbox6" NAME="Checkbox6" VALUE="1" 
onchange="calculate(this.form)"><br>
<INPUT type="checkbox" ID="Checkbox7" NAME="Checkbox7" VALUE="1" 
onchange="calculate(this.form)"><br>
<INPUT type="checkbox" ID="Checkbox8" NAME="Checkbox8" VALUE="1" 
onchange="calculate(this.form)"><br>
<INPUT type="checkbox" ID="Checkbox9" NAME="Checkbox9" VALUE="1" 
onchange="calculate(this.form)"><br>

<input type="text" name="answer" ID="Text13">
</form>
**************CODE*************************

Any help would be greatly appreciated.

Thanks,

Alan...

_________________________________________________________________
It's fast, it's easy and it's free. Get MSN Messenger today! 
http://www.msn.co.uk/messenger




More information about the Javascript mailing list