einfacher Button

[TS]

Hallo und guten Morgen,

ich glaube meine Frage ist ganz einfach für euch. also was ich möchte, ist ein Button erstellen auf dem steht " platz Frei" und dieser soll grün sein. Wenn ich darauf klicke soll er rot werden und es soll stehen Platz besetzt. Wenn man wiederum darauf klickt soll wieder Platz Frei kommen.

Mit „Button“ meinst du jetzt sicher allgemein ein interaktives UI-Element, keinen Absendebutton für Formulare?

Das entsprechende UI-Element für zwei Zustände (aus/an, frei/belegt etc.) ist eine Checkbox:

<input type="checkbox" id="seattaken" name="seattaken"/>
<label for="seattaken">Platz besetzt</label>

Mit CSS kann das so gestaltet werden, dass nur das Label zu sehen ist, nicht die Checkbox selbst; und dass das Label in Abhängigkeit davon, ob die Checkbox angehakt ist, seine Farbe und seinen (visuell sichtbaren) Text ändert.

Ich würde trotzdem für eine Radiogroup (mit zwei Möglichkeiten) pro Platz plädieren, weil das die Verarbeitung auf dem Server vereinfacht. Checkbox-Parameter werden ja beim Submit leider nur übertragen, wenn sie ausgewählt wurden. Warum man das so gemacht hat, habe ich bis heute nicht verstanden.

Und nun meine Frage dazu: Könnte man die auch so stylen, dass man die eigentlichen Radioelemente nicht mehr sieht? Das kann ich mir im Moment jetzt nicht vorstellen.

Grüße
TS