Javascript Live-Berechnung

Du kannst bespielsweise den Event onchange="rechnen()" verwenden:

Code:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Hast Du noch andere Skripte auf der Seite laufen?

Und: Ohne URL ist es ziemlich schwierig, ein Skript zu debuggen...

 

Bei jQuery blicke ich schlechter durch als bei soliden JavaScript. Somit kann ich mich irren, doch einfach mal die Frage, was für Radio-Buttons?
Ich sehe nur einen und da wird nur geprüft, ob ausgewählt oder nicht und was soll sich da noch ändern, wenn beim ersten Mal checked true und beim zweiten Mal checked true?

 

So wie Edi schrieb wird das in etwa richtig sein, Du musst das Event verarbeiten, wenn Dir checked auf true oder false nichts bringt, eventuell mit

onchange="rechnen(event,this)";

oder

onchange="rechnen(this.value)

um an die Daten zu kommen. Weiß jetzt selbst gerade nicht, wie es richtigt geschrieben wird, denke das letzte war richtig, hatte aber die erste Schreibweise auch schon benutzt.

 

So, damit hättest Du erst einmal immer einen aktuellen Wert von den Radio-Buttons in der globalen var konsole oder wie immer Du die bezeichnen magst und mit diesen Wert kannst Du dann weitere Berechnungen durchführen:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Besser ist es aber, man bindet sich ein 100kB schweres jQuery-Framework für jeden Hasenpup ein, welches man dann nicht versteht.

 

Wenn Du die Eventhandler aus den Input-Elementen heraushaben möchtest, dann geht das mit addEventListener.

Nur die Unterschiede bei den Browsern finde ich jetzt noch etwas merkwürdig. Der FF übernimmt alle Veränderungen, IE und Chrome reagieren bei einer Erhöhung von rabatt erst nach einer Bestätigung, bei einer Verringerung des Wertes jedoch sofort. Da wären noch weitere Tests erforderlich, ob nun onkeyup ideal ist oder ob da vorher noch ein Focus auf das Element gelegt werden sollte.

Das sollte mit jQuery etwas kürzer werden, doch verständlicher ist es halt so für mich. Nun sollte es eigentlich ausreichend sein für einen Anfang.

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

 

Mit dem Chrome funktioniert es jetzt auch bei Erhöhungen, der wollte einfach nur noch ein Name-Attribut in:

HTML:

Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!

Und das onkeyup-Beispiel bei selfhtml funktioniert im IE auch nicht ohne Bestätigung:

http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onkeyup

 

Wie geschrieben, mein Listing feuert beides, bis auf das Problem mit dem IE. Ich verlinke jetzt einmal den anderen Thread von jswelt.de, weil ich da nun eine Antwort geben hatte und es mich selbst interessieren würde, wie eine Umsetzung mit jQuery aussehen würde.

http://forum.jswelt.de/javascript/59418-berechnungen-ausgaben-formularen-2.html

 

Hätte ich so nicht mit jQuery in kurzer Zeit hinbekommen und alles verstehe ich beim ersten überfliegen auch nicht, weil ich mich zu wenig mit jQuery beschäftige. Werde es mir noch einmal in Ruhe anschauen.