✔ Summe von input feldern berechnen, wie?

M

mameluck

Mitglied
hallo,

ich bin auf der suche nach einem javascript das mir aus verschiedenen input feldern die summe berechnet
ich beziehe mich bei meiner suche auf ein beispiel das HIER zu finden ist..
das multiplizieren der einzelnen beträge würde ich desweiteren auch gerne benutzen

hoffe ihr könnt mir helfen ..

danke!
 
Hi,

probiers mal so:
HTML: 
<script type="text/javascript">
function doSum() {
	var fields = document.getElementsByName("textfield");
	var sum = 0;
	for (var i=0; i<fields.length; i++) {
		var v = parseInt(fields[i].value, 10);
		if (isNaN(v)) v = 0;
		sum += v;
	}
	document.getElementById("ergebnis").value = sum;
}
</script>
<body>
<form name="form1" method="post" action="">
<input type="text" name="textfield">
<input type="text" name="textfield">
<input type="text" name="textfield">
<input type="text" name="textfield">
<input type="text" name="textfield">
<input type="button" value="Summieren" onClick="doSum();">
Ergebnis: <input type="text" id="ergebnis" disabled>
</form>
</body>

Gruß
.
 
So funktionierts ähnlich wie auf deiner Beispielseite während der Eingabe :-) :

Code: 
<html>
<head>
<title>Berechnung</title>
</head>
<script type="text/javascript">
<!--
function calculate ()
{
  var wert1 = document.getElementById('feld1').value;
  var wert2 = document.getElementById('feld2').value;
  var wert3 = document.getElementById('feld3').value;
  var wert4 = document.getElementById('feld4').value;
  var erg1 = wert1 * wert2;
  var erg2 = wert3 * wert4;
  var summe = erg1 + erg2;
  
  document.getElementById('erg1').innerHTML = erg1;
  document.getElementById('erg2').innerHTML = erg2;
  document.getElementById('sum').innerHTML = summe;
}
//-->
</script>
<body>

<input type='text' id='feld1' onKeyUp='calculate()'> x <input type='text' id='feld2' onKeyUp='calculate()' value='2'> = <span id='erg1'></span>
<br />
<input type='text' id='feld3' onKeyUp='calculate()'> x <input type='text' id='feld4' onKeyUp='calculate()' value='3'> = <span id='erg2'></span>
<br />
Summe = <span id='sum'></span>
</body>
</html>
 
Wenn ich jetzt aber per Button beliebig viele Zeilen erstellen kann, wie sag ich ihm dann, dass er die Zahlen aus der Zeile berechnen soll, in der gerade der Cursor steht?
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück