How to make/find a price calculator?

@JMRKERJul 22.2013 — #This example does not replicate your display, but it will act as a starting point for what you want to do.

<i>
 </i>&lt;!doctype html&gt;
 &lt;html&gt;
 &lt;meta charset="utf-8" /&gt;
 &lt;title&gt; Checkbox Summation &lt;/title&gt;
 &lt;style type="text/css"&gt;
 .cbValue { }
 &lt;/style&gt;
 &lt;body&gt;
 
 &lt;div id="CostBox"&gt;
 &lt;input type="checkbox" class="cbValue" value="9.99"  onclick="UpdateCost()"&gt;Product 1 ( 9.99)&lt;br&gt;
 &lt;input type="checkbox" class="cbValue" value="19.99" onclick="UpdateCost()"&gt;Product 2 (19.99)&lt;br&gt;
 &lt;input type="checkbox" class="cbValue" value="27.50" onclick="UpdateCost()"&gt;Product 3 (27.50)&lt;br&gt;
 &lt;input type="checkbox" class="cbValue" value="45.65" onclick="UpdateCost()"&gt;Product 4 (45.65)&lt;br&gt;
 &lt;input type="checkbox" class="cbValue" value="87.20" onclick="UpdateCost()"&gt;Product 5 (87.20)&lt;br&gt;
 &lt;input type="text" id="totalcost" value="" size="6"&gt; Total ($)
 &lt;/div&gt;
 
 &lt;script type="text/javascript"&gt;
 
 function UpdateCost() {
 var sum = 0;
 var sel = document.getElementById('CostBox').getElementsByClassName('cbValue');
 for (i=0; i&lt;sel.length; i++) {
 if (sel[i].checked) { sum += Number(sel[i].value); }
 }
 document.getElementById('totalcost').value = sum.toFixed(2);
 } 
 
 
 &lt;/script&gt;
 &lt;/body&gt;
 &lt;/html&gt;

Good Luck!

How to make/find a price calculator?

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

How to make/find a price calculator?

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

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

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴