Afkrydsningsfelt
Indsaml aftaler og flere valg med lethed. Fra simple ja/nej-afkrydsningsfelter til flervalgslister med "Vælg alle", min/maks-kontroller og smarte layouts – afkrydsningsfeltet håndterer enkeltaftaler og flervalgsspørgsmål med effektiv validering og brugervenlige muligheder.
To tilstande til ethvert behov for afkrydsningsfelter
Perfekt til:
Kraftfulde funktioner til ethvert brugstilfælde
To afkrydsningsfelttilstande
Enkelt afkrydsningsfelt-tilstand:
Én afkrydsningsboks til ja/nej-spørgsmål, aftaler eller tilmeldinger. Perfekt til accept af vilkår, nyhedsbrevsabonnementer og samtykkeformularer.
Brug sager:
- "Jeg accepterer vilkårene og betingelserne"
- "Abonner på nyhedsbrevet"
- "Ja, jeg vil gerne modtage opdateringer"
- "Jeg bekræfter, at disse oplysninger er korrekte"
Funktioner:
- Brugerdefineret tekst til afkrydsningsfeltetiketter
- Standard markeret/ikke markeret tilstand
- Brugerdefineret indsendt værdi (ja, 1, sand osv.)
- Påkrævet valideringsmulighed
Tilstand med flere afkrydsningsfelter:
Flere muligheder, hvor brugerne kan vælge adskillige valgmuligheder. Perfekt til "Vælg alle relevante"-spørgsmål, indsamling af præferencer og spørgeskemaer med flere valgmuligheder.
Brug sager:
- "Hvilke funktioner interesserer dig?" (flere valgmuligheder)
- "Vælg dine foretrukne kontaktmetoder"
- "Vælg alle de tjenester, du har brug for"
- "Hvilke emner interesserer dig?" (sæt flere krydser)
Funktioner:
- Ubegrænsede afkrydsningsfeltmuligheder
- Tre layoutstile
- Valgmuligheden "Vælg alle"
- Min./maks. valggrænser
- "Andet" med tekstinput
- Eksklusiv mulighed for "Ingen af ovenstående"
🎨 Tre layoutmuligheder (flere tilstande)
Lodret (stablet) layout:
Afkrydsningsfelter vises ét pr. linje, stablet lodret. Mest læsbare layout for længere valgmulighedsetiketter.
Bedst til:
- Lang tekst med valgmuligheder
- 3-10 muligheder
- Mobil-første formularer
- Maksimal læsbarhed
Vandret (side om side) layout:
Afkrydsningsfelter vises i rækkefølge, side om side. Kompakt layout til korte etiketter.
Bedst til:
- 2-5 korte muligheder
- Kompakte former
- Skrivebordslayouts
- Pladseffektivitet
Gitterlayout (flere kolonner):
Afkrydsningsfelter arrangeret i et gitter med 2 kolonner. Balanceret layout, der sparer plads og samtidig bevarer læsbarheden.
Bedst til:
- 4-12 muligheder
- Mellemlange etiketter
- Balanceret design
- Professionelt udseende
Responsiv adfærd:
Alle layouts tilpasser sig automatisk til mobilskærme og stables efter behov for bedre interaktion med berøringsskærme.
✨ "Vælg alle"-mulighed
Et-klik valg:
Tilføj et særligt "Vælg alle"-afkrydsningsfelt øverst på din liste. Brugere kan markere/fjern markeringen af alle muligheder med et enkelt klik.
Smart adfærd:
- Tjekker alle almindelige muligheder samtidigt
- Fjerner markeringen af alt, når der klikkes igen
- Fjerner automatisk markeringen, hvis en indstilling er fravalgt
- Viser ubestemt tilstand, når nogle (ikke alle) muligheder er valgt
- Ekskluderer "Ingen af ovenstående" fra vælg alle
Perfekt til:
- Lange afkrydsningslister (5+ muligheder)
- Formularer hvor brugerne ofte vælger alt
- "Marker alle relevante spørgsmål"
- Tilladelses- og funktionsvalg
Brugererfaring:
Sparer tid på lange lister. Brugere kan vælge alle og derefter fjerne markeringen af specifikke undtagelser.
✏️ "Andet"-mulighed med tekstinput
Indsamling af brugerdefineret svar:
Tilføj et afkrydsningsfelt med navnet "Andet", der viser et tekstfelt, når det er valgt. Brugere kan angive deres eget svar, hvis de forudindstillede muligheder ikke passer.
Sådan Fungerer Det:
- Afkrydsningsfeltet "Andet" vises nederst på listen
- Når det er markeret, vises tekstindtastningsfeltet
- Brugere skriver et brugerdefineret svar
- Både valg af afkrydsningsfelt og tekst er sendt
Brug sager:
- "Foretrukken kontaktmetode: …Andet (venligst specificér)"
- "Interesser: …Andre emner"
- "Hvordan hørte du om os: …Anden kilde"
- Enhver liste, der ikke kan
Fordele:
Indfanger uventede svar, giver fleksibilitet, forhindrer "tvungen tilpasning"-valg og forbedrer datakvaliteten.
❌ "Ingen af ovenstående" mulighed
Eksklusiv ikke-udvælgelse:
Tilføj en "Ingen af ovenstående"-indstilling, der automatisk fjerner markeringen af alle andre valg, når der klikkes på den.
Smart eksklusivitet:
- Når "Ingen" er markeret, fjernes markeringen af alle andre muligheder automatisk
- Når en anden indstilling er markeret, fjernes markeringen automatisk fra "Ingen".
- Giver en tydelig måde at angive, at der ikke er nogen valgmuligheder
- Forhindrer modstridende valg
Brug sager:
- Valgfrie præferencespørgsmål
- "Vælg alle allergier: …Ingen af ovenstående"
- Kvalifikationstjekkere
- Interessevalg
Hvorfor inkludere:
Forhindrer formularafbrydelse, viser grundighed, giver eksplicit negativ mulighed og forbedrer datanøjagtigheden.
📊 Min/Maks valgknapper
Kontrolvalgsmængde:
Angiv det minimale og maksimale antal afkrydsningsfelter, der skal/kan markeres.
Minimumsvalg:
Kræv, at brugerne vælger mindst X muligheder. Formularen indsendes ikke, før kravet er opfyldt.
eksempler:
- "Vælg mindst 2 interesser" (Min: 2)
- "Vælg mindst 3 præferencer" (Min: 3)
- "Vælg mindst 1 mulighed" (Min: 1)
Maksimalt antal valg:
Begræns brugerne til at vælge højst X muligheder. Afkrydsningsfelter deaktiveres, når grænsen er nået.
eksempler:
- "Vælg dine 3 vigtigste funktioner" (maks.: 3)
- "Vælg op til 5 tjenester" (Maks.: 5)
- "Vælg højst 2 muligheder" (Maks.: 2)
Ryd feedback:
Brugere ser valideringsmeddelelser som "Vælg mindst 2 muligheder" eller "Maksimalt 3 valg tilladt".
🔧 Nem administration af indstillinger
Fuld kontrol over valgmuligheder:
- Tilføj indstillinger – Skriv og tryk på Enter, eller klik på “Tilføj indstillinger”. Opret afkrydsningsfeltslister på få sekunder.
- Redigeringsindstillinger – Opdater visningstekst (hvad brugerne ser) og værdier (hvad der indsendes) uafhængigt af hinanden.
- Standard markeret – Forhåndsmarkér specifikke afkrydsningsfelter ved at markere feltet ud for hver mulighed.
- Omarrangeringsmuligheder – Brug op/ned-pilene til at arrangere afkrydsningsfelterne i perfekt rækkefølge.
- Slet indstillinger – Fjern uønskede indstillinger med et enkelt klik.
Display vs. værdi:
- Etiket: Hvad brugerne ser (f.eks. "E-mailopdateringer")
- Værdi: Hvad der er gemt (f.eks. "email_updates")
Massebygning:
Tilføj flere muligheder hurtigt ved at skrive, trykke på Enter, skrive og trykke på Enter – hurtig oprettelse af afkrydsningsliste.
☑️ Funktioner med enkelt afkrydsningsfelt
Tilpasningsindstillinger:
Tekst til afkrydsningsfeltetiketten:
Teksten, der vises ud for afkrydsningsfeltet. Gør den tydelig og specifik (f.eks. "Jeg accepterer at modtage marketingmails").
Standard kontrolleret tilstand:
Markér feltet på forhånd, når formularen indlæses. Brug forsigtigt – brugerne bør bevidst markere aftalefelterne.
Brugerdefineret indsendt værdi:
Angiv hvilken værdi der sendes, når den er markeret (typisk "ja", "1" eller "sand"). Standardværdien er "ja".
Nødvendig validering:
Gør afkrydsningsfeltet obligatorisk. Brugere skal markere det for at indsende formularen. Perfekt til obligatoriske aftaler.
🔀 Betinget logik
Dynamisk synlighed af afkrydsningsfelter:
Vis eller skjul afkrydsningsfelter baseret på andre formularværdier. Vis kun indstillinger, når det er relevant.
Avancerede logiske regler:
OG-logik – Alle betingelser skal være opfyldt
ELLER-logik – Enhver betingelse kan udløse handlingen
8 operatorer – Lig med, Ikke lig med, Større end, Mindre end, Indeholder, Er tom og mere
Brug sager:
Vis kun afkrydsningsfelterne "Forsendelsespræferencer", når "Kræver forsendelse" er markeret
Vis "Nyhedsbrevsemner", når afkrydsningsfeltet for abonnement er markeret
Vis "Yderligere tjenester", når tjenestetypen er lig med "Premium"
Skjul "Rabatmuligheder", når den samlede ordre er mindre end $50
🎯 Forbedret brugeroplevelse
Indbyggede smarte funktioner:
- Visuelle indikatorer – Ryd afkrydsningsfelter med korrekt afstand
- Tastaturnavigation – Tab nemt gennem valgmuligheder
- Berøringsvenlig – Store trykmål til mobil
- Standardvalg – Forhåndstjek specifikke indstillinger
- Brugerdefinerede CSS-klasser – Anvend styling på afkrydsningsfeltgrupper
- Tilgængelighedssupport – ARIA-etiketter, kompatibel med skærmlæser
- Mobiloptimeret – Perfekte afkrydsningsfeltstørrelser til berøring
- Tydelige etiketter – Læsbar tekst med korrekt justering
- Påkrævet validering – Ryd fejlmeddelelser
- Hjælpetekst – Tilføj beskrivelser til komplekse afkrydsningsfeltgrupper
Enkel opsætning i 3 trin
Få dit afkrydsningsfelt klar på få minutter
Tilføj afkrydsningsfelt
Træk og slip feltet Afkrydsningsfelt fra sektionen Grundlæggende felter til din formular.
Vælg tilstand
Vælg "Enkelt afkrydsningsfelt" for ja/nej-spørgsmål eller "Flere afkrydsningsfelter" for flere valgmuligheder.
Konfigurer indstillinger
For enkelt: Angiv afkrydsningsfeltets etiket og værdi. For flere: Tilføj muligheder, vælg layout, aktiver eventuelt "Vælg alle" eller "Andet", og angiv min./maks. valg.
???? Det var det! Dit afkrydsningsfelt er klar med smart validering.
Real-World-applikationer
Aftaler og samtykke
* Accept af vilkår og betingelser
* Aftaler om privatlivspolitik
* Tilmeldinger til samtykke via e-mail
* Nyhedsbrevsabonnementer
Undersøgelser og feedback
* "Vælg alle relevante spørgsmål"
* Valg af flere interesser
* Samling af funktionspræferencer
* Valg af emneinteresse
E-Commerce
* Valg af produktfunktioner
* Servicetillæg
* Forsendelsesmuligheder
* Meddelelsespræferencer
Registreringsformularer
* Kommunikationspræferencer
* Interessekategorier
* Tilladelsesindstillinger
* Valg af funktionsadgang
Applikationer
* Kvalifikationstjekkere
* Valg af færdigheder
* Interesseområder
* Tilgængelighedsmuligheder
Indstillinger og præferencer
* Kontoindstillinger
* Privatlivsindstillinger
* Valg af notifikationer
* Funktionsskift
Komplette feltindstillinger
Grundlæggende konfiguration
- Feltnavn – Spørgsmålet eller titlen vist ovenfor afkrydsningsfelterne
- Beskrivelse/hjælpetekst – Yderligere vejledning til brugerne
- Obligatorisk felt – Gør afkrydsningsfelter obligatoriske
- Pladsholder – Ikke relevant for afkrydsningsfelter
Afkrydsningsfelttilstand
Vælg tilstandstype:
- Enkelt afkrydsningsfelt – Ja/nej-spørgsmål, aftale eller tilmelding (ét afkrydsningsfelt)
- Flere afkrydsningsfelter – Muligheder for flere valg (flere afkrydsningsfelter)
Indstillinger for enkelt afkrydsningsfelt
- Tekst ved siden af afkrydsningsfelt – Etiket vist ved siden af afkrydsningsfeltet (f.eks. "Jeg accepterer vilkårene")
- Start markeret – Afkrydsningsfeltet er forudmarkeret, når formularen indlæses
- Værdi ved afkrydsning – Dataværdi gemmes ved afkrydsning (standard: "ja")
Flere afkrydsningsfelter
Layoutstil:
- Stablet (en pr. linje) – Lodret arrangement
- Side om side (i række) – Vandret arrangement
- Gitter (flere kolonner) – gitterlayout med 2 kolonner
Afkrydsningsfeltindstillinger:
Lav din liste over valgmuligheder:
- Visningstekst – Hvad brugerne ser (f.eks. "E-mail")
- Værdi – Hvad der indsendes (f.eks. "e-mail")
- Standard markeret – Forudvælg specifikke muligheder
- Omarranger – Flyt indstillinger op/ned
- Slet – Fjern indstillinger
Særlige muligheder:
- Tilføj "Vælg alle"-funktionen – Tilføjer afkrydsningsfelt øverst, der vælger/fravælger alle muligheder
- Tilføj "Andet"-mulighed med tekstboks – Tilføjer "Andet"-mulighed med tekstfelt til brugerdefinerede svar
- Tilføj "Ingen af ovenstående"-mulighed – Tilføjer en eksklusiv mulighed, der fjerner markeringen i alle andre, når de er valgt.
Udvælgelsesgrænser:
- Minimum antal valg – Mindst antal afkrydsningsfelter, der skal markeres (f.eks. 2)
- Maksimalt antal tilladte valg – De fleste afkrydsningsfelter, der kan vælges (f.eks. 5)
Betinget logik
- Aktivér betinget logik – Vis/skjul baseret på betingelser
- Logisk type
- Alle betingelser skal være opfyldt (OG)
- Enhver betingelse kan opfyldes (ELLER)
- Betingelsesregler
- Vis/Skjul – Handling der skal udføres
- Felt – Hvilket felt skal markeres
- Operator – Lig med, Ikke lig med, Indeholder, Større end, Mindre end, Er tom, Er ikke tom
- Værdi – Sammenligningsværdi
- Flere betingelser – Tilføj et ubegrænset antal regler
Avancerede indstillinger
- Skjult felt – Gør feltet usynligt (anbefales ikke til afkrydsningsfelter)
- Brugerdefinerede CSS-klasser – Anvend brugerdefineret styling
- Tilgængelighedsattributter – ARIA-etiketter til skærmlæsere
Hvorfor vælge vores afkrydsningsfelt?
✅ To tilstande – Enkelt afkrydsningsfelt eller flere afkrydsningsfelter i én felttype
✅ Fleksible layouts – Vertikale, vandrette eller gitterlignende arrangementer
✅ Marker alt – Valg med ét klik for nemheds skyld
✅ Anden mulighed – Tekstinput til brugerdefinerede svar
✅ Ingen mulighed – Eksklusivt ikke-selektionsvalg
✅ Min./maks. grænser – Kontrol af valgmængde
✅ Nem styring – Tilføj, rediger, omarranger og slet muligheder uden besvær
✅ Brugervenlig – Tydelige etiketter, korrekt afstand, berøringsvenlig
✅ Fuldt integreret – Fungerer problemfrit med alle formularfunktioner
Ofte stillede spørgsmål
Q: Hvad er forskellen på tilstande med én og flere afkrydsningsfelter?
Enkelttilstand viser ét afkrydsningsfelt til ja/nej-beslutninger. Multitilstand viser flere afkrydsningsfelter, hvor brugerne kan vælge mere end én mulighed.
Q: Kan brugerne markere alle afkrydsningsfelter på én gang?
Ja. Aktivér "Vælg alle" for at tilføje et afkrydsningsfelt, der markerer eller fjerner markeringen af alle muligheder med ét klik.
Q: Hvordan fungerer min/max-valg?
Minimum sikrer, at brugerne vælger mindst et bestemt antal muligheder. Maksimum begrænser, hvor mange afkrydsningsfelter de kan vælge.
Q: Hvad gør valgmuligheden "Andet"?
Den tilføjer et ekstra afkrydsningsfelt med navnet "Andet". Når det er valgt, vises et tekstfelt, så brugerne kan indtaste et brugerdefineret svar.
Q: Hvordan fungerer "Ingen af ovenstående"?
Det fungerer som et eksklusivt valg. Hvis det er valgt, fjernes alle andre afkrydsningsfelter. Hvis en anden mulighed er markeret, fjernes markeringen automatisk ved valget "Ingen".
Q: Kan jeg forudmarkere bestemte afkrydsningsfelter?
Ja. For enkelttilstand skal du aktivere "Start markeret". For flere tilstande skal du markere det lille afkrydsningsfelt ud for hver mulighed, du vil have valgt som standard.
Q: Skal jeg markere aftalefelterne på forhånd?
Nej. For politikker, vilkår og samtykke skal brugerne aktivt selv markere feltet.
Q: Kan jeg ændre rækkefølgen af afkrydsningsfelter?
Ja. Brug pil op og pil ned ud for hver mulighed for at ændre rækkefølgen, som du vil.
Q: Hvad er forskellen mellem displaytekst og værdi?
Visningstekst er det, brugerne ser. Værdi er det, der gemmes i din database for at sikre rene og ensartede data.
Q: Kan jeg bruge betinget logik med afkrydsningsfelter?
Ja. Udløs andre felter baseret på valg ved hjælp af operatorer som "Lige med", "Er tom" eller "Er ikke tom".
Q: Hvordan opretter jeg et obligatorisk afkrydsningsfelt?
Aktivér "Påkrævet felt". For enkelttilstand skal feltet være markeret. For flere tilstande skal brugerne vælge mindst én mulighed eller opfylde minimumskravet.
Q: Kan brugerne ændre valg efter at have kontrolleret?
Ja. De kan frit markere eller fjerne markeringen i alle muligheder, før de indsender formularen. "Vælg alle" kan også til enhver tid aktiveres.
