Komponente „Kästchen“

Diese Komponente wird nicht für Google Ads, Google AdMob, AMPHTML-Anzeigen, Videoanzeigen oder Bildanzeigen unterstützt.

Mit der Komponente „Kästchen“ können Sie Ihrem Projekt Kästchen hinzufügen. Nutzer können beliebig viele Kästchen anklicken.

Wenn die Nutzer aus mehreren Optionen nur eine auswählen sollen, verwenden Sie stattdessen die Komponente „Optionsfeld“.

So verwenden Sie die Komponente "Kästchen" in Ihrem Projekt:

1. Öffnen Sie das Steuerfeld Komponenten und dann den Ordner UI.
2. Ziehen Sie die Komponente Kästchen  in den Anzeigebereich.
3. Mit der Komponente „Label“ können Sie Text angeben, der neben dem Kästchen angezeigt wird.
4. Richten Sie ein Ereignis ein, um festzustellen, wenn ein Nutzer auf das Kästchen tippt oder klickt, um ein Häkchen zu setzen oder zu entfernen. Sie können auch eine benutzerdefinierte Aktion erstellen, die nur dann aktiviert wird, wenn ein Häkchen im Kästchen gesetzt wird.

Beispielcode für eine benutzerdefinierten Aktion

var confirmation_checkbox = document.getElementById('checkbox_1');

if confirmation_checkbox.checked {

  // Nur mit Aktion fortfahren, wenn ein Häkchen im Kästchen gesetzt wurde.

  ...

}

Eigenschaften

Eigenschaft	Beschreibung
Name	Name der Komponente
Ausgewählt	Wenn Sie diese Eigenschaft auswählen, wird standardmäßig ein Häkchen in dem Kästchen gesetzt
Wert	Der Wert dieses Kästchens, wenn das Häkchen gesetzt ist

Ereignisse und Aktionen

Von der Komponente „Kästchen“ gesendete Ereignisse

Sie können basierend auf den folgenden Ereignissen der Komponente „Kästchen“ andere Aktionen auslösen:

Ereignis	Beschreibung
Änderung	Wird gesendet, wenn ein Nutzer auf das Kästchen tippt oder klickt, um ein Häkchen zu setzen oder zu entfernen

Wenn Sie dieses Ereignis im Dialogfeld Ereignis auswählen möchten, legen Sie die Komponente „Kästchen“ als Ziel fest.

Informationen zum Konfigurieren von Ereignissen

Vorschau

Mit den UI-Komponenten in der Google Web Designer-Benutzeroberfläche ist keine Interaktion möglich. Wenn Sie die Komponente in Aktion sehen möchten, erstellen Sie eine Vorschau des Dokuments in Ihrem bevorzugten Browser. Die Darstellung der UI-Komponenten kann je nach Browser variieren.