Hi,
also ich habe folgendes Problem...
Wenn ich eine checkbox anklicke sollen sich die Zahlen Zahlen addieren und in einem Feld ausgegeben werden.
Da ich in Javascript aber nich so fit bin haben ich mir folgendes script besorgt:
Das trifft so ziemlich das was ich braucht und funktioniert wunderbar.
Mein Problem ist nur das ich es leicht abändern müsste da ich die zahlen über ein hidden field auslesen möchte da diese nicht zu sehen sein solln.
so wäre die anordnung bei mir :
Wie man sieht ist das hidden field direkt neben der check box nur hab ich keine ahnung wie ich den wert dort auslesen kann.
Danke schonmal für die Mühe
also ich habe folgendes Problem...
Wenn ich eine checkbox anklicke sollen sich die Zahlen Zahlen addieren und in einem Feld ausgegeben werden.
Da ich in Javascript aber nich so fit bin haben ich mir folgendes script besorgt:
HTML:
<html>
<head>
<title>Warenkorb berechnen</title>
<script language="Javascript">
<!--
function fensteropen() {
var fenster=window.open("fenster.html", "zweites", "width=430,height=120,status=yes,toolbar=no");
}
function calculateTotal() {
var total = 5.30;
// alle Checkboxes holen
var checkboxes = document.getElementsByTagName("input");
// über alle Checkboxes iterieren
for(var i = 0; i < checkboxes.length; ++i) {
if (checkboxes[i].checked) {
// wenn checkbox angewählt ist...
// entsprechender Wert auslesen
var s = checkboxes[i].parentNode.parentNode.cells[2].firstChild.innerHTML;
// weg mit dem Euro Zeichen
s = s.substring(2);
// , durch . ersetzen
s = s.replace(",", ".");
// in Gleitkommazahl umwandeln und zum total addieren
total += parseFloat(s);
}
}
// das ganze auf zwei Stellen nach dem Komma runden und in die Inputbox reinschreiben
document.getElementById("inputTotal").value = Math.round(total *100) / 100;
}
//--></script>
</head>
<body bgcolor="#CC0000" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<div align="center"><font size="6">Warenkorb berechnen </font></div>
<div align="center">
<p><font size="5">Bitte wählen Sie aus, welche Pizzen wir Ihnen liefern
sollen:</font></p>
<table width="492" cellspacing="5" cellpadding="5" border="1" height="230" bgcolor="#FFAF09">
<form name="bestellen">
<tr>
<td width="66">
<input type="checkbox" value="checkbox" onClick="calculateTotal()" id="5,55">
</td>
<td width="144"><font size="4">Pizza Napoli</font></td>
<td width="126"><input name="hidden" value="5,55" type="hidden"> </td>
<td rowspan="8" width="77"><img src="../bilder/aktion.jpg" width="146" height="200"></td>
</tr>
<tr>
<td width="66">
<input type="checkbox" value="checkbox" onClick="calculateTotal()">
</td>
<td width="144"><font size="4">Pizza Funghi</font></td>
<td width="126"><font size="4">€ 5,95</font></td>
</tr>
<tr>
<td width="66">
<input type="checkbox" value="checkbox" onClick="calculateTotal()">
</td>
<td width="144"><font size="4">Pizza-Salami</font></td>
<td width="126"><font size="4">€ 6,15</font></td>
</tr>
<tr>
<td width="66">
<input type="checkbox"value="checkbox" onClick="calculateTotal()">
</td>
<td width="144"><font size="4">Pizza Calzone</font></td>
<td width="126"><font size="4">€ 7,45</font></td>
</tr>
<tr>
<td width="66">
<input type="checkbox" value="checkbox" onClick="calculateTotal()">
</td>
<td width="144"><font size="4">Grüner Salat</font></td>
<td width="126"><font size="4">€ 5,05</font></td>
</tr>
<tr>
<td colspan="2"><font size="4">Summe gesamt in €</font></td>
<td width="126">
<input type="text" id="inputTotal" value="5.30" readonly="readonly" >
</td>
</tr>
<tr>
<td colspan="2"> <font size="4">
<input type="button" name="Button" value=" Jetzt berechnen ">
</font> </td>
<td width="126">
<input type="reset" name="Button2" value=" Zurück ">
</td>
</tr>
<tr>
<td colspan="2"> </td>
<td width="126"><div id="inputTotal"></div></td>
</tr>
</form>
</table>
<p><font size="5">Aktionswoche: Bestellen Sie drei Aktions-Pizzen zum Preis
von einer!<br>
Nähere Informationen zu unserem Angebot erhalten Sie</font>
<a href="#" onClick="fensteropen()"><font size="5">hier</font></a>.</p>
</div>
</body>
</html>Das trifft so ziemlich das was ich braucht und funktioniert wunderbar.
Mein Problem ist nur das ich es leicht abändern müsste da ich die zahlen über ein hidden field auslesen möchte da diese nicht zu sehen sein solln.
so wäre die anordnung bei mir :
HTML:
<input type="checkbox" name="Cherrytomaten" value="Cherrytomaten,"/><input id="hidden" type="hidden" value="5,55" />Cherrytomaten<br />Wie man sieht ist das hidden field direkt neben der check box nur hab ich keine ahnung wie ich den wert dort auslesen kann.
Danke schonmal für die Mühe
