Mit JavaScript Addieren

[juergen]

Hallo Forum,

ich habe ein Formular mit 40 Checkboxen die alle einen anderen Namen haben und einen festen value Wert besitzen. Jetzt möchte ich das beim anklicken der Boxen sich jeweils ein sichtbarer Wert um je 16 erhöht. Der Ausgangswert soll auf 85 stehen und beim anklicken jeder Checkbox um 16 erhöht werden.
Das heißt der User soll sehen das sich die gesamtzahl (85) beim anklicken einer Box um den Betrag 16 auf z.B. 101 oder bei zwei Boxen auf 117 usw. erhöht.

Kann mir da einer unter die Arme greifen?

Danke im Vorraus und liebe Grüße an alle.....

[xabbuh]

Schau dir mal onClick(), getElementById() und value an.

Beispiel:

<input type="checkbox" id="a" onClick="document.getElementById('b').value += this.value;" />
<input type="text" id="b">

[Gweilo]

*greift jürgen unter die arme*
jetzt besser?

nur spass ;c)

Das ganze könnte wie folgt aussehen, die Befehle musst Du selbst raussuchen.
<input type="checkbox" name="bla" id="chb1" value="wasauchimmer" onclick="do_something()" />

Bei jedem click auf ein Checkbox, muss du also den Wert neu berechnen (Du könntest auch 16 addieren, aber um auf der sicheren Seite zu sein, würde ich den Wert jedes mal neu berechnen, dauert ja nicht lange). Du läufst also alle Werte durch (kannst sie mit document.getElementById("chb"+nr).checked auslesen) und zählst, wie viele davon angekreuzt sind, und erhöhst dann den Wert. Diesen schreibst du dann irgendwohin (am besten auch grad mit document.getElementById("ausgabe").value = meinevariable)

Das sollte als hilfestellung reichen, denke ich. Für die genaue schreibweise der Befehle kannst du mit google suchen, bin nicht sicher, ob das alles genau stimmt, was ich aufgeschrieben habe.

edit: zu spät

[juergen]

Hallo und zunächst mal danke,

Wenn ich dies benutze:
<input type="checkbox" id="a" onClick="document.getElementById('b').value += this.value;" />
<input type="text" id="b">
macht er aus dem Eingangswert von 85 -->8516 und wenn ich den Hacken wieder entferne macht er-->851616 daraus.

[juergen]

Hallo,

vielen dank für Deine Mühe. Ich habe das Problem gelöst.

[xabbuh]

Dann zeig doch bitte deine Lösung. Das ist für alle die das Problem vielleicht auch mal haben, dann sehr hilfreich.

[juergen]

Hallo Forum,

sorry, ich habe natürlich hier die Lösung!!
Hier das Script:

<script language="JavaScript">
<!--
function addition(){
        
var std = 16; // Der Betrag der dazugezählt werden soll
var summe = 99; // Der Anfangsbetrag
        
for(i=0; i < document.rechnen.elements.length; i++){
        
if(document.rechnen.elements[i].type == 'checkbox' && document.rechnen.elements[i].checked != ''){
summe = summe + Number(std);
}
}        
document.rechnen.result.value = summe;        
}
//-->
</script>

und hier der Aufruf in jeder Ckeckbox:

<input onClick="addition();" type="checkbox" name="name" value="schlag mich tot">

und hier die sichtbare Ausgabe.

<input value="99" type="text" id="result" readOnly>

Danke noch mal für die Hilfe!!!
Gruß Jürgen