Checkboxfeld
Sammelt Ofkommes a verschidde Selektiounsfroen ouni Problemer. Vu einfache Jo/Nee-Checkboxen bis zu Multi-Select-Lëschten mat "Alles auswielen", Min/Max-Kontrollen an intelligenten Layouten – d'Checkbox-Feld behandelt eenzel Ofkommes a Multi-Choice-Froen mat enger staarker Validatioun an userfrëndlechen Optiounen.
Zwee Modi fir all Checkboxbedarf
Perfekt fir
Leistungsstark Funktiounen fir all Benotzungsfall
Zwee Checkbox-Modi
Modus fir eenzel Checkboxen:
Eng Checkbox fir Jo/Nee Froen, Ofkommes oder Opt-ins. Perfekt fir d'Akzeptanz vun de Konditiounen, Newsletter-Abonnementer a Zoustëmmungsformulairen.
Benotzt Fäll:
- „Ech stëmmen den Allgemengen Geschäftsbedingungen zou“
- „Abonnéiert mech op den Newsletter“
- „Jo, ech wëll Updates kréien“
- „Ech bestätegen, datt dës Informatioun korrekt ass“
Eegeschaften:
- Benotzerdefinéierten Checkbox-Labeltext
- Standardzoustand ugeklickt/net ugeklickt
- Benotzerdefinéierten agereechte Wäert (jo, 1, wouer, etc.)
- Obligatoresch Validatiounsoptioun
Modus vu verschiddene Checkboxen:
Verschidde Méiglechkeeten, wou d'Benotzer verschidde Choixen auswiele kënnen. Perfekt fir Froen "Wielt alles wat zoutrefft", d'Sammlung vu Präferenzen a Multiple-Select-Ëmfroen.
Benotzt Fäll:
- „Wéi eng Funktiounen interesséieren Iech?“ (méi Wielméiglechkeeten)
- "Wielt Är bevorzugt Kontaktmethoden"
- "Wielt all Servicer déi Dir braucht"
- „Wéi eng Themen interesséieren Iech?“ (méi ukräizen)
Eegeschaften:
- Onlimitéiert Checkbox-Optiounen
- Dräi Layoutstiler
- Optioun "Alles auswielen"
- Min./Max. Auswiellimiten
- „Anescht“ mat Texteingabe
- "Keng vun den uewe genannten" exklusiv Optioun
🎨 Dräi Layout-Optiounen (Multiple Modus)
Vertikal (gestapelt) Layout:
Checkboxen erschéngen eng pro Zeil, vertikal gestapelt. Liesbarst Layout fir méi laang Optiounslabelen.
Bescht fir:
- Laangen Optiounstext
- 3-10 Optiounen
- Mobile-First Formulairen
- Maximal Liesbarkeet
Horizontal (Säit un Säit) Layout:
Checkboxen erschéngen niewenteneen an enger Rei. Kompakt Layout fir kuerz Etiketten.
Bescht fir:
- 2-5 kuerz Optiounen
- Kompakt Formen
- Desktop-Layouten
- Raum Effizienz
Raster (Méi Kolonnen) Layout:
Checkboxen an engem Raster mat 2 Kolonnen arrangéiert. Ausgeglachene Layout, déi Plaz spuert an d'Liesbarkeet behält.
Bescht fir:
- 4-12 Optiounen
- Etiketten vu mëttlerer Längt
- Ausgeglachene Design
- Berufflech Erscheinung
Reaktiounsfäeg Verhalen:
All Layouten adaptéiere sech automatesch un mobil Schiirme a stapelen sech wann néideg fir eng besser Touch-Interaktioun.
✨ Optioun "Alles auswielen"
Auswiel mat engem Klick:
Füügt eng speziell Checkbox "Alles auswielen" uewen op Ärer Lëscht derbäi. D'Benotzer kënnen all Optiounen mat engem Klick uklicken/deaktivéieren.
Intelligent Verhalen:
- Kontrolléiert all regulär Optiounen gläichzäiteg
- Alles ofmarkéiert wann nach eng Kéier drop geklickt gëtt
- Automatesch deaktivéiert wann eng Optioun deaktivéiert ass
- Weist en onbestëmmten Zoustand un, wann e puer (net all) Optiounen ausgewielt sinn.
- Schléisst "Keen vun den uewe genannten" aus der Auswiel vun allem aus
Perfekt Fir:
- Laang Checkboxlëschten (5+ Optiounen)
- Formulairen, wou d'Benotzer dacks alles auswielen
- Froen "All Zutreffendes ukréizen"
- Erlaabnis- a Funktiounsauswiel
Benotzererfarung:
Spuert Zäit op laange Lëschten. D'Benotzer kënnen alles auswielen an dann spezifesch Ausnamen ofhaken.
✏️ Optioun "Aneres" mat Texteingabe
Sammlung vun personaliséierten Äntwerten:
Füügt eng Checkbox "Aneres" derbäi, déi e Textfeld weist, wann se ausgewielt gëtt. D'Benotzer kënnen hir eegen Äntwert uginn, wann déi virdefinéiert Optiounen net passen.
Wéi Et Schafft:
- D'Checkbox "Aneres" erschéngt um Enn vun der Lëscht
- Wann ugeklickt, gëtt den Textinputfeld ugewisen
- Benotzer tippen eng personaliséiert Äntwert an
- Souwuel d'Auswiel vun der Checkbox wéi och den Text ginn ofginn
Benotzt Fäll:
- „Bevorzugte Kontaktmethod: …Anescht (préziséiert w.e.g.)“
- „Interessen: …Aner Themen“
- „Wéi hutt Dir vun eis héieren: …Aner Quell“
- All Lëscht déi net ka matmaachen
Virdeeler:
Fängt onerwaart Äntwerten un, bitt Flexibilitéit, verhënnert "gezwongen Upassung"-Auswiel a verbessert d'Datenqualitéit.
❌ Optioun "Keng vun den uewe genannten"
Exklusiv Net-Selektioun:
Füügt eng Optioun "Keen vun den uewe genannten" derbäi, déi automatesch all aner Auswiel deaktivéiert, wann drop geklickt gëtt.
Smart Exklusivitéit:
- Wann "Keen" ugeklickt ass, ginn all aner Optiounen automatesch ofgeklickt.
- Wann eng aner Optioun ugeklickt ass, gëtt "Keen" automatesch ofgeklickt.
- Bitt eng kloer Méiglechkeet fir unzeweisen, datt keng Auswiel gëllt
- Verhënnert widderspréchlech Auswiel
Benotzt Fäll:
- Fakultativ Froen zur Präferenz
- „All Allergien auswielen: …Keng vun den uewe genannten“
- Qualifikatiounskontrolleuren
- Interessenauswiel
Firwat abegraff sinn:
Verhënnert datt Formulairen opginn ginn, weist Grëndlechkeet, bitt eng explizit negativ Optioun a verbessert d'Genauegkeet vun den Daten.
📊 Min/Max Auswielkontrollen
Kontrollauswiel Quantitéit:
Setzt déi minimal an déi maximal Zuel vun Checkboxen, déi musse/kënne gewielt ginn.
Mindestauswiel:
D'Benotzer mussen op d'mannst X Optiounen auswielen. De Formulaire gëtt net geschéckt, bis d'Ufuerderung erfëllt ass.
Beispiller:
- „Wielt mindestens 2 Interessen aus“ (Min: 2)
- „Wielt mindestens 3 Virléiften“ (Min: 3)
- „Wielt op d'mannst 1 Optioun“ (Min: 1)
Maximal Auswiel:
D'Benotzer kënnen nëmmen X Optiounen auswielen. D'Checkboxen deaktivéieren nodeems d'Limit erreecht ass.
Beispiller:
- „Wielt Är Top 3 Funktiounen“ (Max: 3)
- "Bis zu 5 Servicer auswielen" (Max: 5)
- "Wielt net méi wéi 2 Optiounen" (Max: 2)
Kloer Feedback:
D'Benotzer gesinn Validatiounsmeldungen wéi "Wielt w.e.g. op d'mannst 2 Optiounen" oder "Maximal 3 Auswielméiglechkeeten erlaabt".
🔧 Einfach Optiounsmanagement
Voll Kontroll iwwer d'Wielméiglechkeeten:
- Optiounen derbäisetzen – Tippt op Enter oder klickt op "Optioun derbäisetzen". Erstellt Checkboxlëschten a Sekonnen.
- Optiounen änneren – Den Displaytext (wat d'Benotzer gesinn) an d'Wäerter (wat ofginn gëtt) onofhängeg aktualiséieren.
- Standard ugeklickt – Virauswielt spezifesch Checkboxen andeems Dir d'Këscht nieft all Optioun uklickt.
- Optiounen nei sortéieren – Benotzt d'Pfeiler erop/erof fir d'Checkboxen an perfekt Reiefolleg ze sortéieren.
- Optiounen läschen - Ongewollt Optiounen mat engem Klick läschen.
Display vs. Wäert:
- Label: Wat d'Benotzer gesinn (z.B. "E-Mail-Updates")
- Wäert: Wat gespäichert gëtt (z.B. „email_updates“)
Groussbau:
Füügt séier verschidde Optiounen derbäi andeems Dir tippt, Enter dréckt, tippt, Enter dréckt – séier Erstellung vun enger Checkbox-Lëscht.
☑️ Funktiounen fir eng eenzeg Checkbox
Perspektivoptiounen:
Text vun der Checkbox-Etikett:
Den Text, deen nieft der Checkbox ugewise gëtt. Maacht en kloer a präzis (z.B. "Ech stëmmen zou, Marketing-E-Maile ze kréien").
Standard iwwerpréiften Zoustand:
Maacht e Virklick an der Këscht wann de Formulaire gelueden ass. Benotzt de Formulaire virsiichteg – d'Benotzer sollten d'Këschte fir d'Zoustëmmung bewosst ukräizen.
Benotzerdefinéierten agereechte Wäert:
Setzt de Wäert un, deen ugewise gëtt, wann en ugeklickt gëtt (typescherweis "jo", "1" oder "richteg"). Standardméisseg ass "jo".
Noutwendeg Validatioun:
Maacht d'Checkbox obligatoresch. D'Benotzer mussen se uklicken, fir de Formulaire ofzeginn. Perfekt fir obligatoresch Ofkommes.
🔀 Bedingungslogik
Dynamesch Checkbox-Visibilitéit:
Checkboxfelder op Basis vun anere Formularwäerter weisen oder verstoppen. Optiounen nëmmen uweisen, wa relevant.
Fortgeschratt Logikregelen:
AN Logik – All Konditioune mussen erfëllt sinn
ODER Logik - All Konditioun kann d'Aktioun ausléisen
8 Operatoren – Gläich, Net gläich, Méi grouss wéi, Manner wéi, Enthält, Ass eidel, a méi
Benotzt Fäll:
D'Checkboxen "Versandpräferenzen" nëmmen uweisen, wann "Versand erfuerderlech" ugeklickt ass.
"Newsletter-Themen" uweisen, wann d'Abonnement-Checkbox ugeklickt ass
"Zousätzlech Servicer" weisen, wann de Servicetyp gläich "Premium" ass.
"Rabattoptiounen" verstoppen, wann d'Gesamtbestellung manner wéi $50 ass
🎯 Verbessert Benotzererfarung
Agebaute intelligent Funktiounen:
- Visuell Indikatoren – Checkboxen mat dem richtegen Ofstand läschen
- Tastaturnavigatioun – Einfach duerch d'Optiounen tabéieren
- Touchfrëndlech – Grouss Tippziler fir Handyen
- Standardauswiel – Virkontrolléiert spezifesch Optiounen
- Benotzerdefinéiert CSS-Klassen – Styling op Checkbox-Gruppen uwenden
- Accessibilitéitsënnerstëtzung – ARIA-Etiketten, kompatibel mat Bildschirmlieser
- Mobil optimiséiert – Perfekt Gréisst vun de Checkboxen fir Touch
- Kloer Etiketten – Liesbaren Text mat richteger Ausriichtung
- Erfuerderlech Validatioun – Fehlermeldungen läschen
- Hëllefstext – Beschreiwunge fir komplex Checkboxgruppen derbäisetzen
Einfach Astellung an 3 Schrëtt
Maacht Äert Checkboxfeld a Minutten fäerdeg
Checkboxfeld derbäisetzen
Zitt d'Checkbox-Feld aus der Sektioun "Basisfelder" an Äre Formulaire a loosst se falen.
Wielt Modus
Wielt "Eenzel Checkbox" fir Jo/Nee-Froen oder "Méi Checkboxen" fir Optiounen mat méi wéi enger Auswiel.
Configuréieren Optiounen
Fir eenzel: Bezeechnung a Wäert fir d'Checkbox setzen. Fir méi: Optiounen derbäisetzen, Layout wielen, optional d'Optiounen "Alles auswielen" oder "Aneres" aktivéieren, a min/max Auswiel setzen.
🎉 Dat ass et! Äert Checkboxfeld ass mat enger intelligenter Validatioun fäerdeg.
Real-World Uwendungen
Ofkommes & Zoustëmmung
* Akzeptanz vun de Konditiounen
* Dateschutzbestimmungen
* E-Mail-Zoustëmmungsoptiounen
* Newsletter-Abonnementer
Ëmfroen & Feedback
* Froen "Wielt all Zutreffendes aus"
* Auswiel vu verschiddenen Interessen
* Sammlung vu Funktiounspräferenzen
* Auswiel u Themeninteressen
E-Commerce
* Auswiel vun de Produktfeatures
* Service-Ergänzungen
* Versandoptiounen
* Notifikatiounsvirléiften
Aschreiwungsformulairen
* Kommunikatiounsvirléiften
* Interessenkategorien
* Astellungen fir d'Berechtegung
* Auswiel vun Zougang zu Funktiounen
Applicatioun
* Qualifikatiounskontrolleuren
* Fäegkeetsauswiel
* Interessensberäicher
* Disponibilitéitsoptiounen
Astellungen & Virléiften
* Kontastellungen
* Privatsphäroptiounen
* Notifikatiounswahlen
* Funktiounswiessel
Optioune fir komplett Felder
Basis Konfiguratioun
- Feldbezeechnung – D'Fro oder den Titel, deen iwwer de Checkboxen ugewise gëtt
- Beschreiwung/Hëllefstext – Zousätzlech Hëllef fir Benotzer
- Obligatoresch Felder – Checkbox(en) obligatoresch maachen
- Plazhalter – Net gëlteg fir Checkboxen
Checkbox-Modus
Modustyp auswielen:
- Eenzel Checkbox – Jo/Nee Fro, Zoustëmmung oder Opt-in (eng Checkbox)
- Méifach Checkboxen – Méifach Auswieloptiounen (méi Checkboxen)
Optiounen fir eng eenzeg Checkbox
- Text nieft der Checkbox – Etikett nieft der Checkbox (z.B. „Ech akzeptéieren d'Konditiounen“)
- Start ugeklickt – D'Checkbox ass virgeklickt wann de Formulaire gelueden gëtt.
- Wäert wann ugeklickt – Datewäert gespäichert wann ugeklickt (Standard: "jo")
Optioune fir verschidde Checkboxen
Layout Stil:
- Gestapelt (een pro Zeil) – Vertikal Uerdnung
- Niefteneen (an enger Rei) – Horizontal Uerdnung
- Raster (méi Kolonnen) – Rasterlayout mat 2 Kolonnen
Optiounen fir d'Checkbox:
Erstellt Är Lëscht vun de Choixen:
- Displaytext – Wat d'Benotzer gesinn (z.B. „E-Mail“)
- Wäert – Wat agereecht gëtt (z.B. „E-Mail“)
- Standardméisseg iwwerpréift – Spezifesch Optiounen virauswielen
- Nei sortéieren – Optiounen no uewen/no ënnen réckelen
- Läschen – Optiounen ewechhuelen
Spezial Optiounen:
- Optioun "Alles auswielen" derbäisetzen - Checkbox uewen derbäisetzen, déi all Optiounen auswielt/deaktivéiert
- Optioun "Anescht" mat Textfeld derbäisetzen – Optioun "Anescht" mat Textfeld fir personaliséiert Äntwerten derbäisetzen
- Optioun "Keen vun den uewe genannten" derbäisetzen - Füügt exklusiv Optioun derbäi, déi all aner Optiounen ofschalt, wann se ausgewielt ginn.
Selektiounsgrenzen:
- Minimum Auswiel erfuerderlech – Déi mannst Zuel vun Checkboxen, déi musse gewielt ginn (z.B. 2)
- Maximal Zuel vun erlaabte Selektiounen – Déi meescht Checkboxen, déi ausgewielt kënne ginn (z.B. 5)
Bedingt Logik
- Bedingungslogik aktivéieren – Op Basis vu Konditioune weisen/verstoppen
- Logik Typ
- All Konditioune mussen erfëllt sinn (AN)
- All Konditioun kann erfëllt ginn (ODER)
- Konditiounsregelen
- Weisen/Verstoppen – Aktioun déi soll gemaach ginn
- Feld – Wéi ee Feld soll iwwerpréift ginn
- Operator – Gläich, Net gläich, Enthält, Méi grouss wéi, Manner wéi, Ass eidel, Ass net eidel
- Wäert – Vergläichswäert
- Verschidde Konditiounen – Onlimitéiert Reegelen derbäisetzen
Détailléiert Optiounen
- Verstoppt Feld – Feld onsichtbar maachen (net recommandéiert fir Checkboxen)
- Benotzerdefinéiert CSS-Klassen – Benotzerdefinéiert Styling uwenden
- Accessibilitéitsattributer – ARIA-Labels fir Bildschirmlieser
Firwat eis Checkbox-Feld wielen?
✅ Zwee Modi – Eng eenzeg Checkbox oder verschidde Checkboxen an engem Feldtyp
✅ Flexibel Layouten – Vertikal, horizontal oder Rasterarrangementer
✅ wielt All – Auswiel mat engem Klick fir Komfort
✅ Aner Optioun – Texteingabe fir personaliséiert Äntwerten
✅ Keng Optioun – Exklusiv Net-Selektiounswahl
✅ Min./Max. Grenzen – Kontrollauswielquantitéit
✅ Einfach Gestioun - Optiounen ouni Ustrengung derbäisetzen, änneren, nei arrangéieren, läschen
✅ Benotzerfrëndlech – Kloer Etiketten, richtegen Ofstand, berührungsfrëndlech
✅ Voll Integréiert – Funktionéiert nahtlos mat all Formularfunktiounen
Oft gestallten Froen
Q: Wat ass den Ënnerscheed tëscht engem Checkbox-Modus an engem Checkbox-Modus mat verschiddenen Checkboxen?
Am Eenzelmodus gëtt eng Checkbox fir Jo/Nee-Entscheedungen ugewisen. Am Multiple-Modus ginn et e puer Checkboxen, wou d'Benotzer méi wéi eng Optioun auswiele kënnen.
Q: Kënne Benotzer all Checkboxen gläichzäiteg auswielen?
Jo. Aktivéiert d'Optioun "Alles auswielen" fir eng Checkbox derbäizesetzen, déi all Optioun mat engem Klick uklickt oder ofklickt.
Q: Wéi funktionéieren d'Min/Max Auswiel?
Minimum garantéiert datt d'Benotzer op d'mannst eng gewëssen Unzuel u Méiglechkeeten auswielen. Maximum limitéiert wéivill Checkboxen se auswiele kënnen.
Q: Wat mécht d'Optioun "Aneres"?
Et füügt eng extra Checkbox mat der Bezeechnung "Aneres" derbäi. Wann se ausgewielt ass, erschéngt en Textfeld, sou datt d'Benotzer eng personaliséiert Äntwert aginn kënnen.
Q: Wéi funktionéiert "Keen vun den uewe genannten"?
Et handelt als exklusiv Wiel. Wann ugeklickt, sinn all aner Checkboxen ofgehaakt. Wann eng aner Optioun ugeklickt ass, gëtt d'Wiel "Keen" automatesch ofgehaakt.
Q: Kann ech bestëmmt Checkboxen viraus auswielen?
Jo. Fir den Eenzelmodus, aktivéiert "Start Checked". Fir de Méifachmodus, markéiert déi kleng Checkbox nieft all Optioun, déi Dir standardméisseg ausgewielt wëllt hunn.
Q: Soll ech d'Këschte fir d'Ofkommes am Viraus uklicken?
Nee. Fir Richtlinnen, Konditiounen an Zoustëmmung solle Benotzer d'Këscht selwer aktiv uklicken.
Q: Kann ech d'Reiefolleg vun de Checkboxen änneren?
Jo. Benotzt d'Pfeiler no uewen an no ënnen nieft all Optioun fir se no Äre Wënsch nei ze sortéieren.
Q: Wat ass den Ënnerscheed tëscht Displaytext a Wäert?
Den Displaytext ass dat, wat d'Benotzer gesinn. De Wäert ass dat, wat an Ärer Datebank gespäichert gëtt, fir propper, konsequent Daten.
Q: Kann ech bedingt Logik mat Checkboxen benotzen?
Jo. Aktivéiert aner Felder baséiert op Auswiel mat Operatoren wéi "Gläich", "Ass eidel" oder "Ass net eidel".
Q: Wéi erstellen ech eng obligatoresch Checkbox?
Aktivéiert "Pflichtfeld". Fir den Eenzelmodus muss d'Këscht ugekräizt sinn. Fir méi Modi mussen d'Benotzer mindestens eng Optioun auswielen oder Är Mindestfuerderung erfëllen.
Q: Kënnen d'Benotzer hir Auswiel änneren nodeems se iwwerpréift hunn?
Jo. Si kënnen all Optioun fräi uklicken oder ofklicken, ier se de Formulaire ofginn. "Alles auswielen" kann och zu all Moment aktivéiert ginn.
