Preisrechnung via JQuery

Dragon25 · 10. Juni 2011, 12:48

Hallo zusammen,

weis jemand wie ich das mit JQuery umsetzen kann das er mir per Eingabefeld den preis unten zusammen rechnet?

z.b ein Gummibär kostet 5 Cent und ich im Textfeld die anzahl eingebe wie viele Gummibären ich haben möchte und er mir darunter dann den preis zusammengerechnet anzeigt?

Muss zugeben Javascript ist nicht meine stärke

Für ein kleines beispiel zum verstehen des ganzen wäre ich sehr dankbar.

Lg Dragon

vince · 10. Juni 2011, 14:16

Ein Beispiel

Quellcode

<!DOCTYPE html>
<html lang="de">
<head>
<title>Gummibear FTW!</title>
<meta charset="utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#turbo-gummibear-calculat0r input").change(function(){
var price = $(this).val() * 0.05;
price = price + " €";
$(this).nextAll('span').html(price);
});
});
</script>
</head>
<body>
<form id="turbo-gummibear-calculat0r">
Gummibear gefällig ? <input type="text" class="gummibear" value="0" /> (Stückpreis: 0,05€)
<br />
<span>0 €</span>
</form>
</body>
</html>

Alles anzeigen

Dragon25 · 11. Juni 2011, 08:26

Besten Dank vince
mal schauen ob ich es was ferneifern kann

Danke für den ansatz.

PS wie kann ich den die fehlenden nullen ersetzen wenn man z.b grade zahlen eingibt?

Szabo · 12. Juni 2011, 12:27

Schau dir mal die Funktion hier an:
plugins.jquery.com/plugin-tags/number-format

vince · 12. Juni 2011, 15:46

toFixed

Quellcode

price = price.toFixed(2) + " €";

Dragon25 · 16. Juni 2011, 09:46

Vielen Dank Ihr zwei

Werde mich damit mal beschäftigen und vorallem einlesen.

lg
Dragon

Preisrechnung via JQuery

Preisrechnung via JQuery

Quellcode

Quellcode

Teilen

Benutzer online 1

Tags