<html><head> <title>Checkbox</title> <style> input[type="checkbox"]{display:none}
input[type=checkbox] + label { background: url(http://u.jimdo.com/www101/o/s8ae4cd8f82d8f91f/img/i6b75e544bfc87e36/1345979592/std/image.jpg); height: 32px; width: 32px; display:inline-block; padding: 0 0 0 0px; }
input[type=checkbox]:checked + label { background: url(http://u.jimdo.com/www101/o/s8ae4cd8f82d8f91f/img/i78146f4790e3222e/1345979610/std/image.jpg); height: 32px; width: 32px; display:inline-block; padding: 0 0 0 0px; } </style></head>
<body>
<p> <input type='checkbox' name='thing' value='valuable' id="1"/><label for="1"></label>
</body></html>
wie schon im Titel erklärt versuche ich ein checkbox Formular zu erstellen ohne die Ankreuzkästchen sondern mit Bilder, die bei ausgewähltem Zustand einen Rand bekommen sollen. Ich weis nicht, ob der Weg mit Label und das Verändern der Element-Eigenschaften der richtige Weg ist. Und wenn doch habe ich Schwierigkeiten eine togglefunktion einzubauen um die selektierten Bilder wieder zu deselektieren.
