[Javascript] Adding checkbox values

Namasivayam, Sudhakar (Cognizant) NSudhakar at chn.cognizant.com
Mon Feb 16 01:52:25 CST 2004


Hi alan,
Try this

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

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

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



/sudhakar





-----Original Message-----
From: Alan Easton [mailto:alaneaston666 at hotmail.com]
Sent: Sunday, February 15, 2004 12:21 AM
To: javascript at LaTech.edu
Subject: [Javascript] Adding checkbox values


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

_______________________________________________
Javascript mailing list
Javascript at LaTech.edu
https://lists.LaTech.edu/mailman/listinfo/javascript
-------------- next part --------------
An embedded and charset-unspecified text was scrubbed...
Name: InterScan_Disclaimer.txt
URL: <http://lists.evolt.org/pipermail/javascript/attachments/20040216/c6df7b09/attachment.txt>


More information about the Javascript mailing list