Markup für dreistufigen Klick-Schalter

[Martl]

Hallo Felix,

im Prinzip so, einmal rundherum:

<style>
input{display:none;}
input + label{display:none;}
input:checked + label{display:inline-block;color:green;}
input:checked + label + input + label{display:inline-block;}
</style>

<form>
	<input type="radio" name="keiner" id="eins" checked><label for="eins">eins</label>
	<input type="radio" name="keiner" id="zwei"><label for="zwei">zwei</label>
	<input type="radio" name="keiner" id="drei"><label for="drei">drei</label>
	<input type="hidden" name="keiner"><label for="eins">eins</label>
</form>

Läßt sich bestimmt noch verfeinern.

Grüße, Martl