checkboxToggleizr

Screenshot vom Code

Man braucht immer wieder die Möglichkeit alle Checkboxen mit einem Klick aus- und abzuwählen. Deswegen habe ich ein kleines jQuery Plugin geschrieben, dass diese Aufgabe übernimmt. Dabei wird die Beziehung zwischen den Checkboxen und dem Element zum Auswählen über ein data-reference -Attribut realisiert.

Download

Das Plugin kann direkt von GitHub heruntergeladen werden.

Installation

1
2
3
4
5
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="dist/jquery.checkboxToggleizr.min.js"></script>
<script>
  $('#select-all').checkboxToggleizr();
</script>

Optionen

invert (true/false) – Wenn dieser Wert false ist, dann werden alle Checkboxen beim Klick ausgewählt oder abgewählt. Ist der Wert true, wird der Status jeder Checkbox umgekehrt. (Ausgewählte Checkboxen werden abgewählt und umgekehrt.)

Voraussetzungen

Die einzige Voraussetzung ist, dass jQuery in der Version >= 1.7 vorliegt.