<html lang="de-de" dir="ltr"><head></head><body>### [So fügen Sie eine Option "Alle auswählen" zu einem Kontrollkästchen-Formularfeld hinzu](https://wpforms.com/developers/how-to-add-a-select-all-option-to-a-checkbox-form-field/)

**Veröffentlicht:** 26. August 2020
**Autor:** Redaktionsteam

**Auszug:** Möchten Sie eine Option "Alle auswählen" zu Ihrem Kontrollkästchen-Formularfeld hinzufügen? In diesem Tutorial zeigen wir Ihnen, wie Sie dies mit JavaScript tun können.

**Inhalt:**

## Einleitung

Möchten Sie eine Option **"Alle auswählen"** zu Ihrem **Kontrollkästchen**-Formularfeld hinzufügen? Bei einigen Formularen haben Sie möglicherweise mehrere Optionen, aus denen Ihre Besucher wählen können, und Sie möchten einfach eine einfache Option anbieten, mit der der Benutzer schnell jede Option auswählen kann.

Standardmäßig können Sie beim Verwenden des **Kontrollkästchen**-Formularfelds so viele Optionen auswählen, wie Sie möchten. Aber Sie müssen sie manuell auswählen. Die Möglichkeit, alle Optionen in Ihrem **Kontrollkästchen** in großen Mengen auszuwählen, kann Zeit bei der Formularerstellung sparen.

In diesem Tutorial zeigen wir Ihnen, wie einfach es ist, dies mit einem kleinen Code-Snippet zu implementieren.

## Erstellen des Formulars

Erstellen Sie zuerst ein neues Formular und fügen Sie dann das **Kontrollkästchen**-Formularfeld mit all Ihren Optionen zu Ihrem Formular hinzu. Wenn Sie Hilfe beim Erstellen Ihres Formulars benötigen, [sehen Sie bitte diese Dokumentation](https://wpforms.com/docs/creating-first-form/ "Erstellen Ihres ersten Formulars").

Für dieses Tutorial platzieren wir die erste Kontrollkästchen-Option **"ALLE DINGE"** oben im Formular.

![Fügen Sie zuerst ein Kontrollkästchen-Formularfeld mit Optionen hinzu, einschließlich einer Option "Alle auswählen" zu Ihren Kontrollkästchen hinzu](https://wpforms.com/wp-content/uploads/2020/08/wpforms-select-all-checkbox-option-create-form.jpg)

## Hinzufügen des Snippets für die Option "Alle auswählen"

Jetzt ist es an der Zeit, den Code-Schnipsel zu Ihrer Website hinzuzufügen, der alle Kontrollkästchen-Optionen auswählt, wenn eine bestimmte Option angeklickt wird.

Wenn Sie Hilfe beim Hinzufügen von Code-Schnipseln zu Ihrer Website benötigen, [sehen Sie bitte dieses Tutorial](https://wpforms.com/developers/how-to-add-custom-php-or-javascript-for-wpforms/ "So fügen Sie benutzerdefiniertes PHP oder JavaScript für WPForms hinzu").

```

/**
 * Fügt eine Option "Alle auswählen" zum Kontrollkästchen hinzu
 *
 * @link https://wpforms.com/developers/how-to-add-a-select-all-option-to-a-checkbox-form-field/
 */
 
function wpf_dev_select_all() {
    ?&gt;

**Kategorien:** Tutorials

**Schlagwörter:** Javascript, PHP

---</body></html>