Klick auf Button mit Bildaustausch, Zähler aktualisieren

Hallo,

ich habe ein Formular (so ne Art Warenkorb), in dem ich bestimmte Artikel auswählen kann. Also, wenn ich auf nen Button hinter dem Artikel klicke, wird ein Zähler aktualisiert (+1). Wenn ich nochmal auf den Button klicke, wir der Zähler wieder -1 gesetzt.

Code des Buttons mit Bildaustausch:

Code:                   In Zwischenablage kopieren (nur IE)

---

<input type="image" src="button_Zustand1.gif" value="WK_button1" onclick="if (this.value != 'WK_button0') { this.value='WK_button0'; this.src='button_Zustand2.gif'; ?>} else { this.value='WK_button1'; this.src='button_Zustand1.gif'; }" >1"><input type="image" src="button_Zustand1.gif" value="WK_button1" onclick="if (this.value != 'WK_button0') { this.value='WK_button0'; this.src='button_Zustand2.gif'; ?>} else { this.value='WK_button1'; this.src='button_Zustand1.gif'; }" >

---

In der HTML-Datei möchte ich eine Variable ausgeben, die anzeigt, wieviele Artikel ich aktuell ausgewählt habe.

Ich nehme mal an, dass das ganze über Javascript funktioniert, womit ich mich leider nicht gut auskenne. Ich weiß nur nicht, wo und wie ich den Funktionsaufruf angeben soll, und auch nicht, wie die Funktion, die den Zähler aktualisiert, aussehen soll.

Lässt sich das Problem evtl auch mit PHP lösen (ja, ich weiß, das hier ist das Javascript-Forum, aber vielleicht könnte mir trotzdem einer von euch einen Hinweis dazu geben).

Hat jemand einen Tipp (Link etc), wie ich das Problem (mit Javascript oder PHP) angehen bzw lösen kann.

Vielen Dank im Voraus.