Checkbox¶ ↑
Für Checkboxen ist in HTML das Tag <input type="checkbox">
vorgesehen. Da es für Checkboxen bisher keine Möglichkeit gibt, ihnen mit einfachen CSS-Mitteln ein angemessenes Aussehen zu verleihen kommt Javascript zum Einsatz. Zunächst sollte über die Klasse .form-checkbox
der Checkbox das Grundgerüst verliehen werden. Ein jQuery-Plugin sorgt nun für die nötige Modifikation:
$('.form-checkbox').checkbox()
<fieldset class="form-fieldset"> <legend>Gruppen Beschriftung</legend> <div class="form-checkbox-set"> <label> <input type="checkbox" name="cb0" value="0" class="form-checkbox">foo </label> </div> <div class="form-checkbox-set"> <label> <input type="checkbox" name="cb1" value="1" class="form-checkbox" selected>bar </label> </div> <div class="form-checkbox-set"> <label> <input type="checkbox" name="cb2" value="2" class="form-checkbox" checked>Inaktiv </label> </div> </fieldset>
**Anmerkung:**
Werden Checkboxen dynamisch via Javascript oder über einen Ajax-Call
hinzugefügt, muss das Plugin explizit auf die neuen Elemente angewand werden.