Checkbox

aus Wikipedia, der freien Enzyklopädie
Wechseln zu: Navigation, Suche

Eine Checkbox (engl. für Auswahlkasten, Kontrollkästchen, Markierungsfeld) ist ein Standardbedienelement grafischer Benutzeroberflächen. Mit einer Checkbox werden häufig Ja/Nein-Fragen (Optionen) beantwortet und es ist üblich, die Auswahlbedingung nicht als Frage, sondern als Aussage zu formulieren (beispielsweise „Ich akzeptiere die AGB“ anstelle von „Akzeptieren Sie die AGB?“). Checkboxen werden häufig zum Aufbau von interaktiven Checklisten, Auswahl- oder Fragelisten verwendet, da im Gegensatz zum ähnlichen Bedienelement „Radiobutton“ mehrere Optionen einer Liste angewählt werden können. Die Anweisung, ein Kontrollkästchen zu aktivieren, bedeutet Markieren durch Mausklick, um damit die dahinterstehende Funktion zu aktivieren.

Funktionsweise[Bearbeiten | Quelltext bearbeiten]

Drei Checkboxen, alle in ‚aktiven‘ – also anklickbaren – Zustand:
oben: nicht markiert,
Mitte: markiert,
unten: teilmarkiert.

Es gibt sechs mögliche Zustände, die eine Checkbox annehmen kann:

  1. nicht markiert (nein/falsch/aus/0)
  2. markiert (ja/wahr/ein/1)
  3. teilmarkiert (weder ja noch nein. Tritt meistens auf, wenn es um die Eigenschaften mehrerer Objekte geht, von denen einige eine bestimmte Eigenschaft besitzen und andere nicht; vgl. großes Bild.)
  4. deaktiviert und gleichzeitig markiert (Deaktivierte Kontrollkästchen werden verwendet, wenn eine andere Auswahl der Kontrollkästchen nicht möglich ist; der Auswahlstatus wird vom Anwendungsprogramm vorgegeben und nur der Information halber angezeigt)
  5. deaktiviert und gleichzeitig nicht markiert
  6. deaktiviert und gleichzeitig teilmarkiert (weder ja noch nein)

Mit jedem Mausklick auf die Checkbox kann ihr Zustand zwischen markiert (Zustand 2) und nicht markiert (Zustand 1) sowie gegebenenfalls teilmarkiert (Zustand 3) und zurück gewechselt werden. Manchmal wird sie durch die Software deaktiviert (Zustand 4); das geschieht in Sonderfällen, zum Beispiel wenn eine Auswahl an einer anderen Stelle die Option beeinflusst, und folgendermaßen dargestellt:

Checkboxen in der Praxis – in diesem Beispiel wurden in einem Dateimanager wie dem Windows-Explorer sechs Dateien markiert und anschließend die „Eigenschaften“-Anzeige aufgerufen, was dieses Dialogfenster erzeugte.
Zu sehen ist der Unterschied zwischen teilmarkiert und deaktiviert:
oben: teilmarkiert,
Mitte: deaktiviert (ausgegraut) und gleichzeitig markiert,
unten: normal aktiviert
  • das Feld wird farblich abgehoben (z. B. dunkelgrau hinterlegt), die Box reagiert nicht auf Mausklicks. Dabei bleibt die Vorauswahl (also markiert oder nicht markiert) in vielen Fällen sichtbar. Manchmal wird die Hinterlegung aber auch so gestaltet, dass die Vorauswahl nicht erkennbar ist;
  • die Checkbox wird vollends ausgeblendet

Meist steht rechts neben der Checkbox eine Beschriftung, die durch Mausklick ebenfalls ein Umschalten der Checkbox bewirkt; manchmal wird auch die Schrift selbst durch den Mausklick verändert. Ist die Box deaktiviert, so wird in der Regel auch die Schrift abgeschwächt angezeigt.

Einbinden lassen sich Checkboxen auf Websites mittels des HTML-Tags <input type="checkbox">. Indem man den Input-Tag um die Attribute checked, disabled oder beide ergänzt, werden die Kästchen angewählt, nicht anwählbar oder angewählt und nicht editierbar.

Erscheinungsbild[Bearbeiten | Quelltext bearbeiten]

Das Aussehen variiert je nach eingesetztem Skin. Die häufigste Variante ist ein Quadrat, im ausgewählten Zustand mit einem Kreuz oder Haken. Auch bei den deaktivierten Zuständen gibt es verschiedene Designs, meist ist der Kasten in einer anderen Farbe hinterlegt.

Manchmal soll ein Wert angezeigt werden, der nicht ja und nicht nein entspricht. Dies ist beispielsweise bei Baumauswahllisten der Fall, wenn nur ein Teil der Unterelemente ausgewählt ist. Ähnlich ist es auch bei einem Eigenschaftsdialog, in dem die Eigenschaften mehrerer Objekte mit unterschiedlichen Eigenschaften zusammengefasst werden. Teilausgewählte Checkboxen werden meist mit einem Rechteck (statt des Häkchens) dargestellt. Insbesondere bei älteren Skins können Checkboxen hierbei auch das normale Symbol enthalten und farblich abgesetzt (z. B. das Feld hellgrau hinterlegt) sein.

Häufig werden für die Auswahl thematisch zusammengehöriger Optionen mehrere Checkboxen in einer Gruppe zusammengefasst. Trotz dieser Zusammenfassung verhalten sich die Checkboxen hierbei unabhängig voneinander. Dies ist der grundlegende Unterschied zu Radiobuttons, bei denen innerhalb einer Gruppe immer nur genau eine Option aktiviert sein kann. Allerdings gibt es hier auch Spezialfälle: es ist zum Beispiel denkbar, dass in einer Gruppe von Checkboxen mindestens eine aktiviert sein muss und folglich das Deaktivieren der letzten aktivierten Checkbox nicht möglich ist. Es kann auch sein, dass die gesamte Gruppe durch eine Checkbox oder einen Radiobutton in der übergeordneten Ebene deaktiviert wird.

Darstellung[Bearbeiten | Quelltext bearbeiten]

Für Hinweise zur Darstellung entsprechender grafischer Symbolen aus Zeichensätzen siehe Artikel Häkchen (Schriftzeichen).

Weblinks[Bearbeiten | Quelltext bearbeiten]

 Commons: Check boxes – Sammlung von Bildern, Videos und Audiodateien