Selectievakje veld
Verzamel eenvoudig overeenkomsten en meerkeuzevragen. Van simpele ja/nee-selectievakjes tot lijsten met meerdere selectiemogelijkheden, zoals 'Alles selecteren', minimum/maximum-instellingen en slimme lay-outs: het selectievakje verwerkt zowel enkelvoudige overeenkomsten als meerkeuzevragen met krachtige validatie en gebruiksvriendelijke opties.
Twee modi voor elke behoefte aan een selectievakje
Perfect voor:
Krachtige functies voor elk gebruiksscenario
Twee selectievakjesmodi
Modus met één selectievakje:
Eén selectievakje voor ja/nee-vragen, overeenkomsten of opt-ins. Perfect voor acceptatie van voorwaarden, nieuwsbriefabonnementen en toestemmingsformulieren.
Gebruik Gevallen:
- “Ik ga akkoord met de algemene voorwaarden”
- “Schrijf me in voor de nieuwsbrief”
- “Ja, ik wil updates ontvangen”
- “Ik bevestig dat deze informatie juist is.”
Kenmerken:
- Aangepaste tekst voor het label van het selectievakje
- Standaard aangevinkte/niet-aangevinkte status
- Aangepaste ingevoerde waarde (ja, 1, waar, enz.)
- Vereiste validatieoptie
Modus met meerdere selectievakjes:
Meerdere opties waarbij gebruikers uit verschillende keuzes kunnen kiezen. Perfect voor vragen met de optie "Selecteer alle juiste antwoorden", het verzamelen van voorkeuren en enquêtes met meerdere antwoordmogelijkheden.
Gebruik Gevallen:
- Welke functies spreken u aan? (meerdere selecties mogelijk)
- “Selecteer uw voorkeurscontactmethoden”
- “Kies alle diensten die u nodig heeft”
- Welke onderwerpen interesseren u? (meerdere opties aanvinken)
Kenmerken:
- Onbeperkt aantal selectievakjes
- Drie lay-outstijlen
- optie "Alles selecteren".
- Minimale/maximale selectielimieten
- “Anders” met tekstinvoer
- Exclusieve optie "Geen van bovenstaande"
🎨 Drie lay-outopties (Meerdere modi)
Verticale (gestapelde) lay-out:
De selectievakjes verschijnen één per regel, verticaal boven elkaar. Dit is de meest leesbare lay-out voor langere optielabels.
Beste voor:
- Lange optietekst
- 3-10 opties
- Formulieren die primair voor mobiele apparaten zijn ontworpen
- Maximale leesbaarheid
Horizontale (naast elkaar) lay-out:
De selectievakjes verschijnen naast elkaar op een rij. Compacte lay-out voor korte labels.
Beste voor:
- 2-5 korte opties
- Compacte vormen
- Desktopindelingen
- Ruimte-efficiëntie
Rasterindeling (meerdere kolommen):
Selectievakjes gerangschikt in een raster van twee kolommen. Een evenwichtige lay-out die ruimte bespaart en tegelijkertijd de leesbaarheid behoudt.
Beste voor:
- 4-12 opties
- Middellange etiketten
- Evenwichtig ontwerp
- Professionele uitstraling
Responsief gedrag:
Alle lay-outs passen zich automatisch aan mobiele schermen aan en worden indien nodig gestapeld voor een betere aanraakbediening.
✨ Optie "Alles selecteren"
Selectie met één klik:
Voeg bovenaan uw lijst een speciaal selectievakje 'Alles selecteren' toe. Gebruikers kunnen alle opties met één klik aan- of uitvinken.
Slim gedrag:
- Selecteert alle standaardopties tegelijk.
- Alles wordt uitgeschakeld wanneer er opnieuw op wordt geklikt.
- Wordt automatisch uitgeschakeld als een optie niet is geselecteerd.
- Geeft een onbepaalde toestand weer wanneer sommige (maar niet alle) opties zijn geselecteerd.
- Sluit "Geen van bovenstaande" uit van de optie "Alles selecteren".
Ideaal voor:
- Lange lijsten met selectievakjes (5 of meer opties)
- Formulieren waar gebruikers vaak alles aanvinken.
- Vragen met de aanduiding "Vink alle toepasselijke opties aan"
- Toestemming en functieselectie
Gebruikerservaring:
Bespaart tijd bij lange lijsten. Gebruikers kunnen alles selecteren en vervolgens specifieke uitzonderingen deselecteren.
✏️ Optie "Anders" met tekstinvoer
Aangepaste antwoordverzameling:
Voeg een selectievakje 'Anders' toe dat een tekstveld weergeeft wanneer het is geselecteerd. Gebruikers kunnen hun eigen antwoord opgeven als de vooraf ingestelde opties niet geschikt zijn.
Hoe werkt het:
- Het selectievakje 'Overig' verschijnt onderaan de lijst.
- Wanneer dit vakje is aangevinkt, verschijnt het tekstinvoerveld.
- Gebruikers typen een aangepast antwoord
- Zowel de selectie via het selectievakje als de tekst worden verzonden.
Gebruik Gevallen:
- “Voorkeurscontactmethode: …Anders (specificeer a.u.b.)”
- “Interesses: …Andere onderwerpen”
- “Hoe bent u over ons te weten gekomen? …Andere bron”
- Elke lijst die niet kan samenwerken
Voordelen:
Legt onverwachte reacties vast, biedt flexibiliteit, voorkomt geforceerde selecties en verbetert de datakwaliteit.
❌ Optie "Geen van bovenstaande"
Exclusieve niet-selectie:
Voeg een optie "Geen van bovenstaande" toe die automatisch alle andere selecties uitschakelt wanneer erop wordt geklikt.
Slimme exclusiviteit:
- Als "Geen" is aangevinkt, worden alle andere opties automatisch uitgeschakeld.
- Als een andere optie is aangevinkt, wordt 'Geen' automatisch uitgeschakeld.
- Biedt een duidelijke manier om aan te geven dat er geen selecties van toepassing zijn.
- Voorkomt tegenstrijdige selecties
Gebruik Gevallen:
- Optionele voorkeursvragen
- “Selecteer alle allergieën: …Geen van bovenstaande”
- Kwalificatiecontroleurs
- Interesseselecties
Waarom opnemen:
Voorkomt dat formulieren niet worden ingevuld, toont grondigheid, biedt een expliciete negatieve optie en verbetert de nauwkeurigheid van de gegevens.
📊 Bedieningselementen voor minimum/maximum selectie
Aantal bedieningselementen:
Stel het minimum en maximum aantal selectievakjes in dat aangevinkt moet/kan worden.
Minimale selectie:
Vereis dat gebruikers minimaal X opties selecteren. Het formulier wordt pas verzonden als aan deze vereiste is voldaan.
Voorbeelden:
- “Selecteer minimaal 2 interesses” (Min: 2)
- “Kies minimaal 3 voorkeuren” (Min: 3)
- “Kies minimaal 1 optie” (Min: 1)
Maximale selecties:
Beperk gebruikers tot het selecteren van maximaal X opties. Selectievakjes worden uitgeschakeld zodra de limiet is bereikt.
Voorbeelden:
- “Kies uw 3 belangrijkste kenmerken” (Max: 3)
- “Selecteer maximaal 5 diensten” (Max: 5)
- “Kies maximaal 2 opties” (Max: 2)
Duidelijke feedback:
Gebruikers zien validatieberichten zoals 'Selecteer minimaal 2 opties' of 'Maximaal 3 selecties toegestaan'.
🔧 Eenvoudig optiebeheer
Volledige controle over keuzes:
- Opties toevoegen – Typ en druk op Enter of klik op 'Optie toevoegen'. Maak in enkele seconden lijsten met selectievakjes.
- Bewerkingsopties – Werk de weergegeven tekst (wat gebruikers zien) en waarden (wat wordt ingediend) onafhankelijk van elkaar bij.
- Standaard aangevinkt – Selecteer specifieke selectievakjes door het vakje naast elke optie aan te vinken.
- Opties opnieuw rangschikken – Gebruik de pijltoetsen omhoog/omlaag om de selectievakjes in de perfecte volgorde te plaatsen.
- Opties verwijderen – Verwijder ongewenste opties met één klik.
Weergave versus waarde:
- Label: Wat gebruikers zien (bijv. "E-mailupdates")
- Waarde: Wat er wordt opgeslagen (bijv. "email_updates")
Massabouw:
Voeg snel meerdere opties toe door te typen, op Enter te drukken, opnieuw te typen en op Enter te drukken – zo maak je snel een lijst met selectievakjes aan.
☑️ Functies met één selectievakje
Aanpassingsopties:
Labeltekst van het selectievakje:
De tekst die naast het selectievakje wordt weergegeven. Maak deze duidelijk en specifiek (bijvoorbeeld: "Ik ga ermee akkoord marketingmails te ontvangen").
Standaard aangevinkte status:
Vink het vakje vooraf aan wanneer het formulier wordt geladen. Gebruik dit met zorg – gebruikers moeten bewust de vakjes voor akkoord aanvinken.
Aangepaste ingediende waarde:
Stel in welke waarde wordt verzonden wanneer dit vakje is aangevinkt (meestal "ja", "1" of "waar"). De standaardwaarde is "ja".
Vereiste validatie:
Maak het selectievakje verplicht. Gebruikers moeten het aanvinken om het formulier te kunnen verzenden. Perfect voor verplichte overeenkomsten.
🔀 Voorwaardelijke logica
Dynamische zichtbaarheid van selectievakjes:
Toon of verberg selectievakjes op basis van andere formulierwaarden. Toon opties alleen wanneer relevant.
Geavanceerde logica-regels:
EN Logica – Aan alle voorwaarden moet voldaan zijn
OF-logica – Elke voorwaarde kan de actie activeren.
8 operatoren – gelijk aan, niet gelijk aan, groter dan, kleiner dan, bevat, is leeg, en meer
Gebruik Gevallen:
Toon de selectievakjes voor 'Verzendvoorkeuren' alleen wanneer 'Verzending vereist' is aangevinkt.
Toon 'Nieuwsbriefonderwerpen' wanneer het selectievakje voor abonnementen is aangevinkt.
Toon 'Aanvullende diensten' wanneer het servicetype gelijk is aan 'Premium'.
Verberg de "Kortingsopties" wanneer het totaalbedrag van de bestelling minder dan $50 is.
🎯 Verbeterde gebruikerservaring
Slimme functies ingebouwd:
- Visuele indicatoren – Duidelijke selectievakjes met voldoende tussenruimte.
- Toetsenbordnavigatie – Navigeer eenvoudig door opties met de tabtoets.
- Aanraakvriendelijk – Grote aanraakvlakken voor mobiel gebruik
- Standaardselecties – Selecteer specifieke opties vooraf.
- Aangepaste CSS-klassen – Stijl toepassen op selectievakjesgroepen
- Toegankelijkheidsondersteuning – ARIA-labels, compatibel met schermlezers
- Geoptimaliseerd voor mobiel gebruik – Perfecte afmetingen voor selectievakjes op touchscreen
- Duidelijke labels – Leesbare tekst met de juiste uitlijning
- Vereiste validatie – Duidelijke foutmeldingen
- Helptekst – Voeg beschrijvingen toe voor complexe selectievakjesgroepen
Eenvoudige installatie in 3 stappen
Maak je selectievakje binnen enkele minuten klaar.
Voeg een selectievakje toe
Sleep het selectievakjeveld vanuit het gedeelte 'Basisvelden' naar uw formulier.
Kies modus
Selecteer 'Enkel selectievakje' voor ja/nee-vragen of 'Meerdere selectievakjes' voor opties waarbij u meerdere antwoorden kunt selecteren.
Opties configureren
Voor één selectie: stel het label en de waarde van het selectievakje in. Voor meerdere selecties: voeg opties toe, kies de lay-out, schakel eventueel de opties 'Alles selecteren' of 'Anders' in en stel de minimale en maximale selectiewaarden in.
???? Dat is alles! Je selectievakje is nu klaar met slimme validatie.
Toepassingen in de echte wereld
Overeenkomsten en toestemmingen
* Aanvaarding van de algemene voorwaarden
* Privacybeleidsovereenkomsten
* Toestemming voor e-mailmarketing
* Nieuwsbriefabonnementen
Enquêtes en feedback
* Vragen met de aanduiding "Selecteer alle toepasselijke opties"
* Meerdere interesses selecteren
* Functievoorkeuren verzamelen
* Keuzemogelijkheden voor onderwerpen waarin u geïnteresseerd bent
E-Commerce
* Productkenmerken selecteren
* Service-add-ons
* Verzendopties
* Meldingsvoorkeuren
Registratieformulieren
* Communicatievoorkeuren
* Interessecategorieën
* Toestemmingsinstellingen
* Selectie van toegang tot functies
Toepassingen
* Kwalificatiecontroleurs
* Vaardigheidsselecties
* Interessegebieden
* Beschikbaarheidsopties
Instellingen en voorkeuren
* Accountinstellingen
* Privacyopties
* Keuzemogelijkheden voor meldingen
* Functieschakelaars
Volledige veldopties
Basis configuratie
- Veldlabel – De vraag of titel die boven de selectievakjes wordt weergegeven
- Beschrijving/Helptekst – Aanvullende handleiding voor gebruikers
- Verplicht veld – Maak selectievakje(s) verplicht
- Plaatsaanduiding – Niet van toepassing op selectievakjes
Selectievakjesmodus
Kies het type modus:
- Enkel selectievakje – Ja/nee-vraag, akkoord of opt-in (één selectievakje)
- Meerdere selectievakjes – Opties voor meerdere selecties (meerdere selectievakjes)
Opties voor één selectievakje
- Tekst naast selectievakje – Label dat naast het selectievakje wordt weergegeven (bijv. "Ik ga akkoord met de voorwaarden").
- Standaard aangevinkt – Selectievakje is al aangevinkt wanneer het formulier wordt geladen.
- Waarde bij aanvinken – De gegevenswaarde wordt opgeslagen wanneer het vakje is aangevinkt (standaard: "ja").
Meerdere selectievakjesopties
Indelingsstijl:
- Gestapeld (één per regel) – Verticale opstelling
- Naast elkaar (op een rij) – Horizontale opstelling
- Raster (meerdere kolommen) – lay-out met een raster van 2 kolommen
Opties voor selectievakjes:
Stel je lijst met keuzes samen:
- Weergavetekst – Wat gebruikers zien (bijv. "E-mail")
- Waarde – Wat wordt ingediend (bijv. "e-mail")
- Standaard aangevinkt – Selecteer specifieke opties vooraf.
- Opties opnieuw rangschikken – Opties omhoog/omlaag verplaatsen
- Verwijderen – Opties verwijderen
Speciale opties:
- Optie "Alles selecteren" toevoegen – Voegt een selectievakje bovenaan toe waarmee alle opties kunnen worden geselecteerd/gedeselecteerd.
- Voeg de optie "Anders" toe met een tekstvak – Voegt de optie "Anders" toe met een tekstveld voor aangepaste antwoorden.
- Voeg de optie "Geen van bovenstaande" toe – Hiermee wordt een exclusieve optie toegevoegd die alle andere opties uitschakelt wanneer deze is geselecteerd.
Selectielimieten:
- Minimum aantal selecties vereist – Het minimale aantal selectievakjes dat aangevinkt moet zijn (bijv. 2)
- Maximaal aantal selecties toegestaan – Het maximale aantal selectievakjes dat kan worden aangevinkt (bijv. 5)
voorwaardelijke Logic
- Schakel voorwaardelijke logica in – Weergeven/verbergen op basis van voorwaarden
- Logisch type
- Aan alle voorwaarden moet voldaan worden (EN)
- Aan elke voorwaarde kan worden voldaan (OF)
- Voorwaarden Regels
- Weergeven/Verbergen – Te ondernemen actie
- Veld – Welk veld moet gecontroleerd worden?
- Operator – Gelijk aan, Niet gelijk aan, Bevat, Groter dan, Kleiner dan, Is leeg, Is niet leeg
- Waarde – Vergelijkingswaarde
- Meerdere voorwaarden – Voeg onbeperkt regels toe
geavanceerde opties
- Verborgen veld – Maak het veld onzichtbaar (niet aanbevolen voor selectievakjes)
- Aangepaste CSS-klassen – Pas aangepaste styling toe
- Toegankelijkheidskenmerken – ARIA-labels voor schermlezers
Waarom kiezen voor ons selectievakje?
✅ Twee modi – Eén selectievakje of meerdere selectievakjes in één veldtype
✅ Flexibele lay-outs – Verticale, horizontale of rasterindelingen
✅ Alles selecteren – Selectie met één klik voor extra gemak
✅ Andere optie – Tekstinvoer voor aangepaste antwoorden
✅ Geen optie – Exclusieve keuze zonder selectie
✅ Min/Max limieten – Controle selectiehoeveelheid
✅ Eenvoudig beheer – Opties toevoegen, bewerken, de volgorde wijzigen en verwijderen gaat moeiteloos.
✅ Gebruikersvriendelijk – Duidelijke labels, voldoende afstand, aanraakvriendelijk
✅ Volledig geïntegreerd – Werkt naadloos samen met alle formulierfuncties
Veelgestelde Vragen / FAQ
V: Wat is het verschil tussen de modus met één selectievakje en de modus met meerdere selectievakjes?
In de modus 'Enkelvoudig' wordt één selectievakje weergegeven voor ja/nee-beslissingen. In de modus 'Meervoudig' worden meerdere selectievakjes weergegeven, waarmee gebruikers meer dan één optie kunnen selecteren.
V: Kunnen gebruikers alle selectievakjes tegelijk aanvinken?
Ja. Schakel de optie 'Alles selecteren' in om een selectievakje toe te voegen waarmee u alle opties in één keer kunt aan- of uitvinken.
V: Hoe werken minimum/maximum selecties?
Minimum zorgt ervoor dat gebruikers ten minste een bepaald aantal opties selecteren. Maximum beperkt het aantal selectievakjes dat ze kunnen aanvinken.
V: Wat doet de optie "Anders"?
Het voegt een extra selectievakje toe met het label "Anders". Wanneer dit is geselecteerd, verschijnt een tekstveld waarin gebruikers een eigen antwoord kunnen invoeren.
V: Hoe werkt "Geen van bovenstaande"?
Het fungeert als een exclusieve keuze. Indien geselecteerd, worden alle andere selectievakjes uitgeschakeld. Als een andere optie is aangevinkt, wordt de optie 'Geen' automatisch uitgeschakeld.
V: Kan ik bepaalde selectievakjes vooraf aanvinken?
Ja. Voor de modus voor één persoon schakelt u 'Start aangevinkt' in. Voor de modus voor meerdere personen vinkt u het kleine selectievakje aan naast elke optie die u standaard geselecteerd wilt hebben.
V: Moet ik vooraf de vakjes voor de overeenkomst aanvinken?
Nee. Voor beleid, voorwaarden en toestemming moeten gebruikers zelf het vakje aanvinken.
V: Kan ik de volgorde van de selectievakjes wijzigen?
Ja. Gebruik de pijltjes omhoog en omlaag naast elke optie om de volgorde naar wens aan te passen.
V: Wat is het verschil tussen weergavetekst en waarde?
De weergegeven tekst is wat gebruikers zien. De waarde is wat in uw database wordt opgeslagen voor schone, consistente gegevens.
V: Kan ik voorwaardelijke logica gebruiken met selectievakjes?
Ja. Activeer andere velden op basis van selecties met behulp van operatoren zoals 'Gelijk aan', 'Is leeg' of 'Is niet leeg'.
V: Hoe maak ik een verplicht selectievakje aan?
Schakel 'Verplicht veld' in. In de modus voor één gebruiker moet dit vakje aangevinkt zijn. In de modus voor meerdere gebruikers moeten gebruikers minimaal één optie selecteren of aan uw minimumvereiste voldoen.
V: Kunnen gebruikers hun selectie wijzigen nadat ze deze hebben aangevinkt?
Ja. Ze kunnen alle opties vrij aanvinken of uitvinken voordat ze het formulier verzenden. De optie "Alles selecteren" kan ook op elk moment worden in- of uitgeschakeld.
