Avmerkingsboksfelt
Samle inn avtaler og flervalgsspørsmål med letthet. Fra enkle ja/nei-avmerkingsbokser til flervalgslister med «Velg alle», min/maks-kontroller og smarte oppsett – avmerkingsboksfeltet håndterer enkeltavtaler og flervalgsspørsmål med kraftig validering og brukervennlige alternativer.
To moduser for ethvert behov i avmerkingsbokser
Perfekt for:
Kraftige funksjoner for alle brukstilfeller
To avkrysningsboksmoduser
Modus for enkelt avmerkingsboks:
Én avkrysningsboks for ja/nei-spørsmål, avtaler eller påmeldinger. Perfekt for aksept av vilkår, nyhetsbrevabonnement og samtykkeskjemaer.
Bruk tilfeller:
- «Jeg godtar vilkårene og betingelsene»
- «Abonner på nyhetsbrevet mitt»
- «Ja, jeg ønsker å motta oppdateringer»
- «Jeg bekrefter at denne informasjonen er korrekt»
Egenskaper:
- Tilpasset tekst for etikett på avmerkingsboksen
- Standard avkrysset/ikke avkrysset tilstand
- Tilpasset innsendt verdi (ja, 1, sann osv.)
- Obligatorisk valideringsalternativ
Modus for flere avmerkingsbokser:
Flere alternativer der brukere kan velge flere alternativer. Perfekt for spørsmål med «velg alle som gjelder», preferanseinnsamling og flervalgsundersøkelser.
Bruk tilfeller:
- «Hvilke funksjoner interesserer deg?» (flere valg)
- «Velg dine foretrukne kontaktmetoder»
- "Velg alle tjenestene du trenger"
- «Hvilke temaer interesserer deg?» (kryss av flere)
Egenskaper:
- Ubegrensede avmerkingsboksalternativer
- Tre layoutstiler
- Alternativet «Velg alle»
- Min./maks. utvalgsgrenser
- «Annet» med tekstinntasting
- Eksklusivt alternativ for «Ingen av de ovennevnte»
🎨 Tre layoutalternativer (flere moduser)
Vertikal (stablet) layout:
Avmerkingsbokser vises én per linje, stablet vertikalt. Mest lesbare layout for lengre alternativetiketter.
Beste for:
- Lang alternativtekst
- 3-10 alternativer
- Mobil-først-skjemaer
- Maksimal lesbarhet
Horisontal (side om side) layout:
Avmerkingsbokser vises på rad, side om side. Kompakt layout for korte etiketter.
Beste for:
- 2–5 korte alternativer
- Kompakte former
- Skrivebordsoppsett
- Plasseffektivitet
Rutenettoppsett (flere kolonner):
Avmerkingsbokser arrangert i et rutenett med to kolonner. Balansert layout som sparer plass samtidig som lesbarheten opprettholdes.
Beste for:
- 4-12 alternativer
- Etiketter av middels lengde
- Balansert design
- Profesjonelt utseende
Responsiv atferd:
Alle oppsett tilpasser seg automatisk til mobilskjermer, og stables ved behov for bedre berøringsinteraksjon.
✨ Alternativet «Velg alle»
Ett-klikks utvalg:
Legg til en spesiell «Velg alle»-avmerkingsboks øverst i listen. Brukere kan merke av/fjerne avmerkingen for alle alternativer med ett klikk.
Smart oppførsel:
- Sjekker alle vanlige alternativer samtidig
- Fjerner avmerkingen for alt når du klikker på nytt
- Fjerner automatisk avmerkingen hvis et alternativ er deaktivert
- Viser ubestemt tilstand når noen (ikke alle) alternativer er valgt
- Ekskluderer «Ingen av de ovennevnte» fra velg alle
Perfekt for:
- Lange avmerkingslister (5+ alternativer)
- Skjemaer der brukere ofte velger alt
- «Kryss av for alle som gjelder»-spørsmål
- Valg av tillatelse og funksjoner
Brukererfaring:
Sparer tid på lange lister. Brukere kan velge alle og deretter fjerne merket for bestemte unntak.
✏️ «Annet»-alternativ med tekstinntasting
Tilpasset svarsamling:
Legg til en avmerkingsboks for «Annet» som viser et tekstfelt når det er valgt. Brukere kan angi sitt eget svar hvis forhåndsinnstilte alternativer ikke passer.
Slik fungerer det:
- Avmerkingsboksen «Annet» vises nederst på listen
- Når det er avkrysset, vises tekstfeltet
- Brukere skriver inn et tilpasset svar
- Både avmerkingsboksvalg og tekst sendes inn
Bruk tilfeller:
- «Foretrukket kontaktmetode: …Annet (vennligst spesifiser)»
- «Interesser: …Andre emner»
- «Hvordan hørte du om oss: …Anen kilde»
- Enhver liste som ikke kan
Fordeler:
Fanger opp uventede svar, gir fleksibilitet, forhindrer valg med «tvungen tilpasning» og forbedrer datakvaliteten.
❌ Alternativet «Ingen av de ovennevnte»
Eksklusiv ikke-utvelgelse:
Legg til et alternativ for «Ingen av de ovennevnte» som automatisk fjerner avmerkingen for alle andre valg når du klikker på det.
Smart eksklusivitet:
- Når det er merket av for «Ingen», fjernes alle andre alternativer automatisk
- Når et annet alternativ er avkrysset, fjernes avkrysningen for «Ingen» automatisk.
- Gir en tydelig måte å indikere at ingen valg gjelder
- Forhindrer motstridende valg
Bruk tilfeller:
- Valgfrie preferansespørsmål
- «Velg alle allergier: …Ingen av de ovennevnte»
- Kvalifikasjonskontrollører
- Interessevalg
Hvorfor inkludere:
Forhindrer at skjemaet forlates, viser grundighet, gir et eksplisitt negativt alternativ og forbedrer datanøyaktigheten.
📊 Min/Maks valgkontroller
Kontrollvalg Mengde:
Angi minimums- og maksimumsantall avmerkingsbokser som må/kan merkes av.
Minimumsvalg:
Krev at brukere velger minst X alternativer. Skjemaet sendes ikke inn før kravet er oppfylt.
Eksempler:
- «Velg minst 2 interesser» (Minimum: 2)
- «Velg minimum 3 preferanser» (Min: 3)
- «Velg minst ett alternativ» (Min: 1)
Maksimalt antall valg:
Begrens brukere til å velge maksimalt X alternativer. Avmerkingsbokser deaktiveres når grensen er nådd.
Eksempler:
- «Velg dine 3 beste funksjoner» (Maks: 3)
- «Velg opptil 5 tjenester» (Maks: 5)
- «Velg ikke mer enn 2 alternativer» (Maks: 2)
Slett tilbakemelding:
Brukere ser valideringsmeldinger som «Vennligst velg minst to alternativer» eller «Maksimalt tre valg tillatt».
🔧 Enkel administrasjon av alternativer
Full kontroll over valg:
- Legg til alternativer – Skriv inn og trykk Enter eller klikk på «Legg til alternativ». Lag avmerkingslister på sekunder.
- Redigeringsalternativer – Oppdater visningstekst (hva brukerne ser) og verdier (hva som sendes inn) uavhengig av hverandre.
- Standard avkrysset – Forhåndsvelg spesifikke avmerkingsbokser ved å merke av i boksen ved siden av hvert alternativ.
- Endre rekkefølge – Bruk pil opp/ned for å ordne avmerkingsboksene i perfekt rekkefølge.
- Slett alternativer – Fjern uønskede alternativer med ett klikk.
Visning vs. verdi:
- Etikett: Hva brukerne ser (f.eks. «E-postoppdateringer»)
- Verdi: Hva som er lagret (f.eks. «e-postoppdateringer»)
Massebygging:
Legg til flere alternativer raskt ved å skrive, trykke Enter, skrive og trykke Enter – rask oppretting av avmerkingslister.
☑️ Funksjoner med én avkrysningsboks
Tilpasningsmuligheter:
Tekst i avmerkingsboksetikett:
Teksten som vises ved siden av avmerkingsboksen. Gjør den tydelig og spesifikk (f.eks. «Jeg samtykker i å motta markedsførings-e-poster»).
Standard kontrollert status:
Kryss av i boksen på forhånd når skjemaet lastes inn. Bruk forsiktig – brukere bør bevisst krysse av i boksene for avtaler.
Tilpasset innsendt verdi:
Angi hvilken verdi som sendes når den er avkrysset (vanligvis «ja», «1» eller «sann»). Standardverdien er «ja».
Nødvendig validering:
Gjør avmerkingsboksen obligatorisk. Brukere må merke av for å sende inn skjemaet. Perfekt for obligatoriske avtaler.
🔀 Betinget logikk
Dynamisk synlighet av avmerkingsbokser:
Vis eller skjul avmerkingsboksfelt basert på andre skjemaverdier. Vis alternativer bare når det er relevant.
Avanserte logiske regler:
OG-logikk – Alle betingelser må være oppfylt
ELLER-logikk – Enhver betingelse kan utløse handlingen
8 operatorer – Er lik, Ikke lik, Større enn, Mindre enn, Inneholder, Er tom og mer
Bruk tilfeller:
Vis avmerkingsboksene for «Fraktinnstillinger» bare når det er merket av for «Krever frakt»
Vis «Nyhetsbrevemner» når det er merket av for abonnement
Vis «Tilleggstjenester» når tjenestetypen er lik «Premium»
Skjul «Rabattalternativer» når totalbestillingen er mindre enn $50
🎯 Forbedret brukeropplevelse
Innebygde smarte funksjoner:
- Visuelle indikatorer – Fjern merke av i avmerkingsboksene med riktig avstand
- Tastaturnavigasjon – Bla enkelt gjennom alternativer
- Berøringsvennlig – Store trykkmål for mobil
- Standardvalg – Forhåndssjekk spesifikke alternativer
- Tilpassede CSS-klasser – Bruk styling på avmerkingsboksgrupper
- Tilgjengelighetsstøtte – ARIA-etiketter, kompatibel med skjermleser
- Mobiloptimalisert – Perfekte avmerkingsboksstørrelser for berøringsskjerm
- Tydelige etiketter – Lesbar tekst med riktig justering
- Nødvendig validering – Fjern feilmeldinger
- Hjelpetekst – Legg til beskrivelser for komplekse avmerkingsboksgrupper
Enkel oppsett i 3 trinn
Få avkrysningsboksfeltet klart på få minutter
Legg til avmerkingsboksfelt
Dra og slipp avmerkingsboksfeltet fra delen Grunnleggende felt til skjemaet ditt.
Velg modus
Velg «Enkel avmerkingsboks» for ja/nei-spørsmål eller «Flere avmerkingsbokser» for flervalgsalternativer.
Konfigurer alternativer
For enkeltstående: angi etikett og verdi for avmerkingsboksen. For flere: legg til alternativer, velg oppsett, aktiver eventuelt alternativene «Velg alle» eller «Annet», og angi min./maks. valg.
???? Det var det! Avmerkingsboksfeltet ditt er klart med smart validering.
Virkelige applikasjoner
Avtaler og samtykke
* Aksept av vilkår og betingelser
* Avtaler om personvernregler
* Samtykkeerklæring via e-post
* Nyhetsbrevabonnementer
Undersøkelser og tilbakemeldinger
* «Velg alle som gjelder»-spørsmål
* Valg av flere interesser
* Samling av funksjonspreferanser
* Valg av emneinteresse
E-handel
* Valg av produktfunksjoner
* Tilleggstjenester
* Fraktalternativer
* Varslingsinnstillinger
Registreringsskjemaer
* Kommunikasjonspreferanser
* Interessekategorier
* Tillatelsesinnstillinger
* Valg av funksjonstilgang
Applikasjoner
* Kvalifikasjonskontrollører
* Ferdighetsvalg
* Interesseområder
* Tilgjengelighetsalternativer
Innstillinger og preferanser
* Kontoinnstillinger
* Personvernalternativer
* Valg av varsling
* Funksjonsbrytere
Komplette feltalternativer
Grunnleggende konfigurasjon
- Feltetikett – Spørsmålet eller tittelen som vises over avmerkingsboksene
- Beskrivelse/hjelpetekst – Ytterligere veiledning for brukere
- Obligatorisk felt – Gjør avmerkingsboksen(e) obligatorisk(e)
- Plassholder – Ikke aktuelt for avmerkingsbokser
Avmerkingsboksmodus
Velg modustype:
- Enkel avmerkingsboks – Ja/nei-spørsmål, samtykke eller påmelding (én avmerkingsboks)
- Flere avmerkingsbokser – Flervalgsalternativer (flere avmerkingsbokser)
Alternativer for enkelt avmerkingsboks
- Tekst ved siden av avmerkingsboksen – Etikett som vises ved siden av avmerkingsboksen (f.eks. «Jeg godtar vilkårene»)
- Start avkrysset – Avkrysningsboksen er forhåndsavkrysset når skjemaet lastes inn
- Verdi når avkrysset – Dataverdi lagret når avkrysset (standard: «ja»)
Flere alternativer for avmerkingsbokser
Layoutstil:
- Stablet (én per linje) – Vertikal ordning
- Side om side (på rad) – Horisontal plassering
- Rutenett (flere kolonner) – Rutenettoppsett med to kolonner
Avmerkingsboksalternativer:
Lag din egen liste over valg:
- Visningstekst – hva brukerne ser (f.eks. «E-post»)
- Verdi – hva som sendes inn (f.eks. «e-post»)
- Standard avkrysset – Forhåndsvelg spesifikke alternativer
- Omorganiser – Flytt alternativer opp/ned
- Slett – Fjern alternativer
Spesialalternativer:
- Legg til alternativet «Velg alle» – Legger til en avmerkingsboks øverst som velger/opphever valget av alle alternativer
- Legg til alternativet «Annet» med tekstboks – Legger til alternativet «Annet» med tekstfelt for tilpassede svar
- Legg til alternativet «Ingen av de ovennevnte» – Legger til et eksklusivt alternativ som fjerner avmerkingen for alle andre når det er valgt.
Utvalgsgrenser:
- Minimum antall valg som kreves – Minst antall avmerkingsbokser som må være merket av (f.eks. 2)
- Maksimalt antall tillatte valg – De fleste avmerkingsbokser som kan velges (f.eks. 5)
Betinget logikk
- Aktiver betinget logikk – Vis/skjul basert på betingelser
- Logisk type
- Alle betingelser må være oppfylt (OG)
- Enhver betingelse kan oppfylles (ELLER)
- Tilstandsregler
- Vis/skjul – Handling som skal utføres
- Felt – Hvilket felt som skal krysses av
- Operator – Er lik, Ikke lik, Inneholder, Større enn, Mindre enn, Er tom, Er ikke tom
- Verdi – Sammenligningsverdi
- Flere betingelser – Legg til et ubegrenset antall regler
Avanserte alternativer
- Skjult felt – Gjør feltet usynlig (anbefales ikke for avmerkingsbokser)
- Tilpassede CSS-klasser – Bruk tilpasset styling
- Tilgjengelighetsattributter – ARIA-etiketter for skjermlesere
Hvorfor velge vårt avkrysningsfelt?
✅ To modus – Enkel avmerkingsboks eller flere avmerkingsbokser i én felttype
✅ Fleksible oppsett – Vertikale, horisontale eller rutenettoppstillinger
✅ Velg Alle – Valg med ett klikk for enkelhets skyld
✅ Andre alternativer – Tekstinndata for tilpassede svar
✅ Ingen alternativ – Eksklusivt ikke-seleksjonsvalg
✅ Min./maks. grenser – Kontrollvalgmengde
✅ Enkel administrasjon – Legg til, rediger, endre rekkefølgen og slett alternativer uten problemer
✅ Brukervennlig – Tydelige etiketter, riktig avstand, berøringsvennlig
✅ Fullt integrert – Fungerer sømløst med alle skjemafunksjoner
Ofte Stilte Spørsmål
Spørsmål: Hva er forskjellen mellom modusene for én og flere avkrysningsbokser?
Enkeltmodus viser én avmerkingsboks for ja/nei-avgjørelser. Flermodus viser flere avmerkingsbokser der brukere kan velge mer enn ett alternativ.
Spørsmål: Kan brukere merke av i alle avmerkingsboksene samtidig?
Ja. Aktiver alternativet «Velg alle» for å legge til en avmerkingsboks som merker av eller fjerner avmerkingen for alle alternativer med ett klikk.
Q: Hvordan fungerer min/maks-valg?
Minimum sikrer at brukerne velger minst et visst antall alternativer. Maksimum begrenser hvor mange avmerkingsbokser de kan velge.
Spørsmål: Hva gjør alternativet «Annet»?
Den legger til en ekstra avmerkingsboks merket «Annet». Når dette er valgt, vises et tekstfelt slik at brukerne kan skrive inn et tilpasset svar.
Spørsmål: Hvordan fungerer «Ingen av de ovennevnte»?
Det fungerer som et eksklusivt valg. Hvis det er valgt, fjernes alle andre avmerkingsbokser. Hvis det er merket av for et annet alternativ, fjernes avmerkingen for «Ingen» automatisk.
Spørsmål: Kan jeg forhåndsvelge visse avmerkingsbokser?
Ja. For enkeltmodus, slå på «Start avkrysset». For flermodus, merk av i den lille avmerkingsboksen ved siden av hvert alternativ du vil velge som standard.
Spørsmål: Bør jeg forhåndskrysse av i avtaleboksene?
Nei. For retningslinjer, vilkår og samtykke bør brukerne aktivt krysse av i boksen selv.
Q: Kan jeg endre rekkefølgen på avkrysningsboksene?
Ja. Bruk pil opp og pil ned ved siden av hvert alternativ for å endre rekkefølgen på dem slik du vil.
Spørsmål: Hva er forskjellen mellom visningstekst og verdi?
Visningstekst er det brukerne ser. Verdi er det som lagres i databasen din for å gi rene og konsistente data.
Spørsmål: Kan jeg bruke betinget logikk med avmerkingsbokser?
Ja. Utløs andre felt basert på valg ved hjelp av operatorer som «Lik», «Er tom» eller «Er ikke tom».
Spørsmål: Hvordan oppretter jeg en obligatorisk avmerkingsboks?
Aktiver «Påkrevd felt». For enkeltmodus må boksen være merket av. For flermodus må brukerne velge minst ett alternativ eller oppfylle minimumskravet.
Spørsmål: Kan brukere endre valg etter å ha sjekket?
Ja. De kan fritt merke av eller fjerne merket for alle alternativer før de sender inn skjemaet. «Velg alle» kan også slås av og på når som helst.
