Das JavaScript berechnet die Summe aller in einer Checkbox angeclickten Waren. Die Summe wird instand berechnet. somit haben Kunden in einen kleinen Shopsystem immer die aktuellen kosten im Überblick.
Autor: Jay Rumsey
zur Demo
in <Head> einfügen
<!-- Created by: Jay Rumsey -->
<!--gefunden auf http://www.scriptwelt.org -->
<script type="text/javascript">
function UpdateCost() {
var sum = 0;
var gn, elem;
for (i=0; i<5; i++) {
gn = 'game'+i;
elem = document.getElementById(gn);
if (elem.checked == true) { sum += Number(elem.value); }
}
document.getElementById('totalcost').value = sum.toFixed(2);
}
</script>
in <body> einfügen
<input type="checkbox" id='game0' value="5.99" onclick="UpdateCost()">Preis 1 ( 5.99)<br><br>
<input type="checkbox" id='game1' value="59.99" onclick="UpdateCost()">Preis 1 (59.99)<br><br>
<input type="checkbox" id='game2' value="17.59" onclick="UpdateCost()">Preis 1 (17.59)<br><br>
<input type="checkbox" id='game3' value="45.00" onclick="UpdateCost()">Preis 1 (45.00)<br><br>
<input type="checkbox" id='game4' value="77.29" onclick="UpdateCost()">Preis 1 (77.29)<br><br>
<input type="text" id="totalcost" value="">
|