Tweet
Hallo ich habe hier ein Script. Leider werden, wenn man die zwei ersten Checkboxen anklickt, gleich alle Werte addiert. Wo liegt da der Fehler.
Außerdem möchte ich, dass, wenn man nur ein oder zwei Checkboxen anklickt, nur die Summe der angeklickten Checkboxen ausgegeben wird.
Und drittens möchte ich, dass, wenn man die Checkbox wieder löscht, die Werte wird abgezogen werden.
Kann mir da jemand einen Tipp geben, wie ich das hinbekomme.
Hier das Script:
<script language="JavaScript1.5" type="text/javascript">
function multi() {
zahl1 = parseInt(document.add.eingabe.value);
zahl2 = parseInt(document.add.eingabe2.value);
zahl3 = parseInt(document.add.eingabe3.value);
var ergebnis = zahl1 + zahl2 + zahl3
document.add.ausgabe.value=ergebnis}
</script>
</head>
<body>
<form name="add" action="werteaddierenjs.html" method="POST">
<input type="checkbox" name="eingabe" value="2" onchange="multi()"><br>
<input type="checkbox" name="eingabe2" value="5" onchange="multi()"><br>
<input type="checkbox" name="eingabe3" value="4" onchange="multi()"><br>
<input type="text" name="ausgabe" value="0" size="9"></form>
</body>
Außerdem möchte ich, dass, wenn man nur ein oder zwei Checkboxen anklickt, nur die Summe der angeklickten Checkboxen ausgegeben wird.
Und drittens möchte ich, dass, wenn man die Checkbox wieder löscht, die Werte wird abgezogen werden.
Kann mir da jemand einen Tipp geben, wie ich das hinbekomme.
Hier das Script:
<script language="JavaScript1.5" type="text/javascript">
function multi() {
zahl1 = parseInt(document.add.eingabe.value);
zahl2 = parseInt(document.add.eingabe2.value);
zahl3 = parseInt(document.add.eingabe3.value);
var ergebnis = zahl1 + zahl2 + zahl3
document.add.ausgabe.value=ergebnis}
</script>
</head>
<body>
<form name="add" action="werteaddierenjs.html" method="POST">
<input type="checkbox" name="eingabe" value="2" onchange="multi()"><br>
<input type="checkbox" name="eingabe2" value="5" onchange="multi()"><br>
<input type="checkbox" name="eingabe3" value="4" onchange="multi()"><br>
<input type="text" name="ausgabe" value="0" size="9"></form>
</body>
Kommentar