<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Bestellformular</title>
<script language="JavaScript">
<!--
function aktualisieren() {
var gespreis = 0;
var wert = 0;
for (var i = 1; i <= 8; i++) {
if (document.getElementById(i).checked) {
wert = parseFloat(document.getElementById(i).value);
anzahl = document.getElementById("anzahl"+i).value
wert = wert*100*anzahl;
gespreis += parseInt(wert);
}
}
gespreis = parseFloat(gespreis);
gespreis = gespreis/100;
document.getElementById('preis').value = gespreis;
}
-->
</script>
HTML-Code:
</head>
<body>
<form>
<p><input name="dvd1" id="1" type="checkbox" value="29.951E0" onchange="aktualisieren()" /> DVD1 - 29.95
<SELECT id="anzahl1" onchange="aktualisieren()"><OPTION value="1">1x</OPTION><OPTION value="2">2x</OPTION></SELECT>
</p> <p>
<input name="dvd2" id="2" type="checkbox" value="21.951E0" onchange="aktualisieren()" /> DVD2 - 21.95
<SELECT id="anzahl2" onchange="aktualisieren()"><OPTION value="1">1x</OPTION><OPTION value="2">2x</OPTION></SELECT></p> <p>
<input name="dvd3" id="3" type="checkbox" value="9.951E0" onchange="aktualisieren()" /> DVD3 - 9.95
<SELECT id="anzahl3" onchange="aktualisieren()"><OPTION value="1">1x</OPTION><OPTION value="2">2x</OPTION></SELECT></p> <p>
<input name="dvd4" id="4" type="checkbox" value="12.951E0" onchange="aktualisieren()" /> DVD4 - 12.95
<SELECT id="anzahl4" onchange="aktualisieren()"><OPTION value="1">1x</OPTION><OPTION value="2">2x</OPTION></SELECT></p> <p>
<input name="dvd5" id="5" type="checkbox" value="79.951E0" onchange="aktualisieren()" /> DVD5 - 79.95
<SELECT id="anzahl5" onchange="aktualisieren()"><OPTION value="1">1x</OPTION><OPTION value="2">2x</OPTION></SELECT></p> <p>
<input name="dvd6" id="6" type="checkbox" value="29.951E0" onchange="aktualisieren()" /> DVD6 - 29.95
<SELECT id="anzahl6" onchange="aktualisieren()"><OPTION value="1">1x</OPTION><OPTION value="2">2x</OPTION></SELECT></p> <p>
<input name="dvd7" id="7" type="checkbox" value="49.951E0" onchange="aktualisieren()" /> DVD7 - 49.95
<SELECT id="anzahl7" onchange="aktualisieren()"><OPTION value="1">1x</OPTION><OPTION value="2">2x</OPTION></SELECT></p> <p>
<input name="dvd8" id="8" type="checkbox" value="29.951E0" onchange="aktualisieren()" /> DVD8 - 29.95
<SELECT id="anzahl8" onchange="aktualisieren()"><OPTION value="1">1x</OPTION><OPTION value="2">2x</OPTION></SELECT></p> <p>
<input name="gesamtpreis" id="preis" type="text" value="0.00" readonly="readonly" /> €</p></form></body></html>
