JavaScript: Summe berechnen?

m@xx · 16. August 2007

Hallo Leute,
für eine Website bräuchte ich ein Javascript. Jedoch weiß ich nicht genau, wie ich das anstellen soll. So soll das Design funktionieren:

Es handelt sich um ein Formular. In einem Feld geb ich einen Gesamtbeitrag ein. In weiteren Feldern (z.B. 3 Stück) geb ich weitere Zahlenbeiträge ein. Diese Felder werden dann in einem weiteren Feld (readonly) zusammengezählt. Wenn diese Summe dann über den angegeben Gesamtbeitrag geht, dann soll sich die Farbe des readonly-Feldes ändern und man darf dann nicht mehr auf den Absende-Button klicken dürfen. Das Berechnen sollte ohne Klick auf ein Button funktionieren.

Schon Mal Danke im Voraus

m@xx

Kampfgnom · 16. August 2007

Eine Funktion summeBerechnen().
Diese sieht wie folgt aus:

function summenberechnen()
{
var result=document.getElementbyID['feld1']+document.getElementbyID['feld2']+... ;
document.getElementbyID['ergebnisFeld'].value=result;
}

Jetzt bekommen noch alle Felder aus denen die Summe berechnet werden soll eine onChange="javascript: summeberechnen()" und fertig ist es.

Nicht optimal, aber hey, es ist javascript...

m@xx · 16. August 2007

Erstmal Danke!
Ich hab das jetzt mal getestet. Aber irgendwie spinnt des. Das ist der Code:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Summe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<script type="text/javascript">
function summe()
{
var result= (document.Formular.Feld1.value + document.Formular.Feld2.value);
document.Formular.Summe.value=result;
}
</script>
<form name="Formular">
Gesamtsumme&nbsp;&nbsp;&nbsp;<input type="text" name="Gesamtsumme" size="20"><br><br>
1. Betrag&nbsp;&nbsp;&nbsp;<input type="text" name="Feld1" size="10" onChange="summe()"><br>
2. Betrag&nbsp;&nbsp;&nbsp;<input type="text" name="Feld2" size="10" onChange="summe()"><br>
<input type="text" name="Summe" size="10" readonly="" >
</form>
</body>
</html>

MfG

m@xx

mitos · 16. August 2007

so müsste es laufen:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Summe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<script type="text/javascript">
function summe()
{
var result= parseFloat(parseFloat(document.Formular.Feld1.value) + parseFloat(document.Formular.Feld2.value));
document.Formular.Summe.value=result;
}
</script>

<form name="Formular">
1. Betrag&nbsp;&nbsp;&nbsp;<input type="text" name="Feld1" size="10" value="0" onKeyUp="javascript:summe();"><br>
2. Betrag&nbsp;&nbsp;&nbsp;<input type="text" name="Feld2" size="10" value="0" onKeyUp="javascript:summe();"><br>
Summe:<input type="text" name="Summe" size="10" value="0" readonly="" >
</form>
</body>
</html>

m@xx · 16. August 2007

Danke für eure Hilfe!

MfG
m@xx

Suche

JavaScript: Summe berechnen?

m@xx

Cadet 4th Year

Kampfgnom

Lt. Commander

m@xx

Cadet 4th Year

mitos

Gast

m@xx

Cadet 4th Year

Ähnliche Themen