Preisrechner

  • Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Lukas.HTML

Neues Mitglied
19 Juli 2020
15
0
1
20
@mod bitte verschieben -> js

HTML:
<!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" /> &euro;</p></form></body></html>


musst noch bissi nach bessern aber das sollte es bringen!!

MfG Mario
Hey ich habe noch eine Frage zu diesem Code.
Leider kann ich nicht mehr als 8 Produkte hinzufügen.
Kann mir jemand dabei helfen?
 

basti1012

Senior HTML'ler
26 November 2017
1.523
167
63
Minden
sebastian1012.bplaced.net
Hast du schon mal dran gedacht das dynamisch mit Js zu erstellen ?
Ein array erstellen mit Titel , Preis, und maximal menge und den rest macht das Script ?
Ich zeige dir gleich mal ein Beispiel wie ich das meine
 
Werbung: