Einfacher Kostenkalkulator
Cordial
- html
Hallo zsam,
Ich möchte gerne einen einfachen Konstenkalkulator machen.
Hier mal ein Bild wie ich mir das vorstelle:
http://comwerx.de/kalkulator.jpg
In den jeweiligen Optionsfeldern sollen mehrere Auswahlmöglichkeiten haben mit festen Preisen. Die ganzen Optionsfelder mit ausgewählter Auswahlmöglichkeit sollen dann einfach unten die Gesamtsumme wiedergeben.
Kann mir da jemand weiterhelfen?
MFG
Peter
heyho
erstmal ich hab sowas vor 1ner woche mal gesucht und nach 10 minuten gefunden (finde es jetzt grade nicht mehr)
aber such begriffe wie:
calculathis() & java script
sollten dich zu dem how to bringen das ich da gefunden hatte
übrigens, sehr schönes bild, habs mir gleich runterkopiert das ich immer erklären kann wenn mich wer fragt wie man sowas macht^^
l.g.
Hi,
Danke für die Tips, aber ich finde irgendwie garnichts mit den Begriffen calculathis() & java script :(
MFG
Peter
Danke für die Tips, aber ich finde irgendwie garnichts mit den Begriffen calculathis() & java script :(
Evtl. das hier: http://lists.evolt.org/pipermail/javascript/2004-February/006591.html?
Siechfred
Hab eine Lösung hier im Forum doch gefunden:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<body>
<form name="myForm" action="save.asp" method=post>
<input onClick="addition(this);" type="checkbox" name="ArtikelCheckListe" value="48">
<input onClick="addition(this);" type="checkbox" name="ArtikelCheckListe" value="23">
<input onClick="addition(this);" type="checkbox" name="ArtikelCheckListe" value="16">
<input type=text name="result" readOnly>
</form>
<script type="text/javascript">
function addition(el){
var summe = 0; // Anfangsbetrag
var liste = el.form[el.name]; // Die Liste aller Checkboxen mit dem Namen
for(var i = 0; i < liste.length; i++) summe += parseInt( liste[i].checked ? liste[i].value : 0);
el.form.result.value = summe;
}
</script>
</body>
</html>
Diese klappt so wie ich es nun möchte, aber kann man das Endergebnis nicht einfach so darstellen lassen -> Summe = (Hier kommt das Ergebnis rein) €
Zur Zeit ist es ja mit einem Feld gelöst, wo das Ergebnis reinkommt, aber wenn es geht, dann würde ich das gerne ohne ein Feld dargestellt haben.
MFG
Peter
Ich habe bemerkt, dass mit dieser Lösung keine Nachkommastellen mitberechnet werden was ich allerding benötige. Jemand ein Lösung?
Yerf!
Ich habe bemerkt, dass mit dieser Lösung keine Nachkommastellen mitberechnet werden was ich allerding benötige. Jemand ein Lösung?
Für Nachkommastellen musst du anstelle der parseInt-Aufrufe http://de.selfhtml.org/javascript/objekte/unabhaengig.htm#parse_float@title=parseFloat verwenden.
Gruß,
Harlequin
Hi,
Erstmal danke!
Habe mir da von den Informationen etwas zusammengebastelt, aber es will noch nicht so recht funktionieren. Hier der Code:
<html>
<head>
<title>Berechnung</title>
</head>
<script type="text/javascript">
<!--
function calculate ()
{
var wert1 = document.getElementById('Checkbox1').value;
var wert2 = document.getElementById('Checkbox2').value;
var wert3 = document.getElementById('Checkbox3').value;
var wert4 = document.getElementById('Checkbox4').value;
var summe = wert1 + wert2 + wert3 + wert4;
document.getElementById('sum').innerHTML = summe;
}
//-->
</script>
<body>
<p>
<input type="checkbox" id="Checkbox1" name="Checkbox1" onKeyUp='calculate()' value="20">
<br>
<input type="checkbox" id="Checkbox2" name="Checkbox2" onKeyUp='calculate()' value="20">
<br />
<input type="checkbox" id="Checkbox3" name="Checkbox3" onKeyUp='calculate()' value="20">
<br>
<input type="checkbox" id="Checkbox4" name="Checkbox4" onKeyUp='calculate()' value="20">
<br />
Summe = <span id='sum'></span>
</p>
</body>
</html>
Kann mir jemand weiterhelfen? Wenn ich auf die Kästchen klicke, dann will er einfach nicht summieren.