while click on checkboxes price should add using javascript or jquery

@JMRKERFeb 22.2013 — #Something like this?

See: http://www.javascriptsource.com/forms/auto-sum-checkboxes.html

Here's an updated version of the code...

<i>
 </i>&lt;!DOCTYPE HTML&gt;
 &lt;html&gt;
 &lt;head&gt;
 &lt;title&gt; Checkbox Summation &lt;/title&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
 
 &lt;/head&gt;
 &lt;body&gt;
 &lt;div id="costEntry"&gt;
 &lt;input type="checkbox" value="9.99" &gt;Game 1 ( 9.99)&lt;br&gt;
 &lt;input type="checkbox" value="19.99"&gt;Game 2 (19.99)&lt;br&gt;
 &lt;input type="checkbox" value="27.50"&gt;Game 3 (27.50)&lt;br&gt;
 &lt;input type="checkbox" value="45.65"&gt;Game 4 (45.65)&lt;br&gt;
 &lt;input type="checkbox" value="87.20"&gt;Game 5 (87.20)
 &lt;/div&gt;
 &lt;input type="text" id="totalcost" value=""&gt;
 
 
 &lt;script type="text/javascript"&gt;
 /* This script and many more are available free online at
 The JavaScript Source!! http://www.javascriptsource.com
 Created by: Jay Rumsey | http://www.nova.edu/~rumsey/ */
 // Modified on: 2/22/2013
 
 function UpdateCost() {
 var sum = 0;
 var sel = document.getElementById('costEntry').getElementsByTagName('input');
 for (i=0; i&lt;sel.length; i++) {
 if (sel[i].checked == true) { sum += Number(sel[i].value); }
 } document.getElementById('totalcost').value = sum.toFixed(2);
 } 
 
 window.onload = function() {
 var sel = document.getElementById('costEntry').getElementsByTagName('input');
 for (var i=0; i&lt;sel.length; i++) {
 sel[i].onclick = function () { UpdateCost(); }
 }
 }
 &lt;/script&gt;
 
 &lt;/body&gt;
 &lt;/html&gt;

while click on checkboxes price should add using javascript or jquery

1 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

while click on checkboxes price should add using javascript or jquery

1 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

1 Comments(s) _↴

Also in #JavaScript _↴