✔ Addition von Werten hinter klickbaren Elementen (rel)

[querytail]

Hallo zusammen,

ich habe mehrere divs, die je einige a-Tags mit Werten z.B. rel="0.10" enthalten. In den divs ist jeweils nur ein a-Tag aktiv, dessen Wert dann zur Summe addiert werden muss. Wird ein anderer Wert in diesem div angeklickt, muss der letzte Wert wieder von der Summe abgezogen werden. Insgesamt muss die Summe also die Werte von je einem div und einem dazugehörigen Tag (rel) enthalten.

In folgendem Code wird leider nur addiert. Wie realisiere ich es, dass gelöschte Werte wieder abgezogen werden.

$('[class*="tags"]').each(function() {
	    $(this).find("a").click(function() {
	   tagrel = this.rel;
         })
});
						
$("a").click(function() {
          summe += Number(tagrel);
});

Danke für jeden Tipp

Grüße

querytail

 

[tombe]

Also wenn die Anzahl der DIVs feststeht, würde ich ein Array erstellen und dann jeweils den gültigen Wert des DIVs im Array speichern.

 

[querytail]

Hallo & Danke,

die Anzahl der divs steht nicht fest, d.h. kann immer unterschiedlich sein.

Aber die Idee mit dem Array finde ich trotzdem interessant. Eigentlich müsste ich ja "nur" die ID mit dem aktuellen Wert speichern und bei Anklicken eines anderen Tags den Wert aktualisieren. Wenn sowas geht? Aus diesen aktuellen Werten wird dann die Summe errechnet.

So, jetzt muss ich nur noch wissen, wie das geht. Such, such...

Grüße

querytail

Hat sich erledigt. Nicht so wichtig und keine Zeit mehr.

 

[tombe]

Schade hier wäre ein Ansatz:

<script language="javascript" type="text/javascript">
var werte = new Array(0,0,0);

function summe(anker, wert){
	gesamt = 0;
	werte[anker] = parseFloat(wert);
	for (a = 0; a < werte.length; a++){
		gesamt = gesamt + werte[a];
	}
	alert(gesamt);
}
</script>

<div>
	<a rel="1" href="#" onclick="summe(0, this.rel)">(1)</a> -
	<a rel="2" href="#" onclick="summe(0, this.rel)">(2)</a> -
	<a rel="3" href="#" onclick="summe(0, this.rel)">(3)</a> -
	<a rel="4" href="#" onclick="summe(0, this.rel)">(4)</a>
</div>

<div>
	<a rel="0.1" href="#" onclick="summe(1, this.rel)">(0.1)</a> -
	<a rel="0.2" href="#" onclick="summe(1, this.rel)">(0.2)</a> -
	<a rel="0.3" href="#" onclick="summe(1, this.rel)">(0.3)</a> -
	<a rel="0.4" href="#" onclick="summe(1, this.rel)">(0.4)</a>
</div>

<div>
	<a rel="10" href="#" onclick="summe(2, this.rel)">(10)</a> -
	<a rel="20" href="#" onclick="summe(2, this.rel)">(20)</a> -
	<a rel="30" href="#" onclick="summe(2, this.rel)">(30)</a> -
	<a rel="40" href="#" onclick="summe(2, this.rel)">(40)</a>
</div>

 

[querytail]

Klasse, danke. Das sehe ich mir morgen näher an. Schönen Abend !