Radio knapper
Samle enkeltvalg med klarhet og stil. Fra enkle ja/nei-spørsmål til komplekse flervalgsvalg med fleksible oppsett, tilpassede alternativer og smarte funksjoner – feltet for alternativknapper sørger for at brukerne velger nøyaktig ett svar fra listen din.
Perfekt for enkeltvalgsoppgaver
Perfekt for:
Kraftige funksjoner for alle brukstilfeller
🎨 Fleksible layoutalternativer
Tre profesjonelle oppsett:
- Vertikal (stablet) – Alternativer vises ett per linje, stablet vertikalt. Mest tradisjonelle og lesbare oppsettet for lange alternativetiketter.
- Horisontal (innebygd) – Alternativene vises side om side på rad. Perfekt for korte etiketter og kompakte skjemaer.
- Rutenett (2 kolonner) – Alternativer ordnet i et rutenett med to kolonner. Sparer plass samtidig som lesbarheten opprettholdes.
Velg basert på:
- Vertikal: Lange alternativetiketter, detaljerte valg, tradisjonelle former
- Horisontal: 2–5 korte alternativer (Ja/Nei, Mann/Kvinne osv.)
- Rutenett: 4+ alternativer for mellomlang lengde, balansert layout
Responsiv atferd:
Alle oppsett tilpasser seg automatisk til mobilskjermer, og stables vertikalt ved behov for bedre berøringsinteraksjon.
🎲 Tilfeldig rekkefølge for alternativer
Randomisering av undersøkelsesgrad
Endre rekkefølgen på alternativene hver gang skjemaet lastes inn. Eliminerer posisjonsskjevhet i spørreundersøkelser, meningsmålinger og forskningsskjemaer.
Hvorfor tilfeldiggjøre?
- Forhindrer rekkefølgeskjevhet i spørreundersøkelser
- Sikrer rettferdig fordeling av utvalg
- Profesjonell forskningsmetodikk
- Forbedrer datakvaliteten
Perfekt for:
- Undersøkelsesskjemaer og spørreskjemaer
- A/B-testing og research
- Meningsmålinger og avstemning
- Preferansestudier
Smart oppførsel:
Spesialalternativer som «Annet» og «Ingen av de ovennevnte» kan forbli nederst selv når hovedalternativene er tilfeldige.
❌ Alternativet «Ingen av de ovennevnte»
Eksplisitt ikke-valg
Legg til alternativene «Ingen av de ovennevnte» eller «Ikke aktuelt» på slutten av listen. Dette gir brukerne en tydelig måte å indikere at ingen alternativer gjelder.
Hvorfor inkludere dette?
- Forhindrer tvungne valg
- Forbedrer datanøyaktigheten
- Viser alle baser dekket
- Reduserer antall skjemaavbrudd
Perfekt for:
- Valgfrie preferansespørsmål
- Spørsmål i stil med «Velg alle som gjelder»
- Kvalifikasjonskontrollører
- Interessevalg
Smart posisjonering:
Alternativet «Ingen» vises alltid sist, noe som gir et tydelig skille fra vanlige valg.
🔧 Enkel administrasjon av alternativer
Full kontroll over valg:
- Legg til alternativer – Skriv inn og klikk på «Legg til alternativ» eller trykk Enter. Lag listen din på sekunder.
- Redigeringsalternativer – Oppdater både visningstekst (hva brukerne ser) og verdier (hva som sendes inn) uavhengig av hverandre.
- Endre rekkefølgen på alternativer – Bruk pil opp/ned for å ordne alternativer i perfekt rekkefølge.
- Slett alternativer – Fjern alternativer med ett klikk. Ingen alternativer er permanente.
Visning vs. verdi:
- Etikett: Hva brukerne ser (f.eks. «Utmerket service»)
- Verdi: Hva som er lagret i databasen (f.eks. «utmerket_service»)
Massebygging:
Legg til flere alternativer raskt ved å skrive, trykke Enter, skrive og trykke Enter – rask oppretting av alternativer for lange lister.
✅ Standardvalg
Forhåndsvelg et alternativ
Velg hvilken alternativknapp som er valgt som standard når skjemaet lastes inn. Veileder brukere til vanlige svar eller fremhever anbefalte valg.
Bruk tilfeller:
Forhåndsvelg det vanligste svaret for å få fullføringen raskere
Fremhev anbefalt alternativ (f.eks. «Best Value»-planen)
Angi standardavtalealternativ (vilkår akseptert)
Veilede brukerne mot foretrukne valg
Eller ingen standard:
La alle alternativer være uvalgte, slik at brukerne aktivt må ta et valg. Perfekt for spørsmål som krever bevisst valg.
✏️ «Annet»-alternativ med tekstinntasting
Tilpasset svarsamling
Legg til et «Annet»-alternativ som viser tekstinndata når det er valgt. Brukere kan angi sitt eget svar hvis ingen av de forhåndsinnstilte alternativene passer.
Tilpassbar etikett:
- Endre etikettteksten «Annet» slik at den samsvarer med dine behov:
- «Annet (vennligst spesifiser)»
- «Noe annet»
- «Tilpasset svar»
- «Ikke oppført»
Slik fungerer det:
Når brukere velger «Annet», vises et tekstfelt umiddelbart der de kan skrive inn sitt tilpassede svar. Både «Annet»-valget og teksten sendes inn.
Bruk tilfeller:
- «Hvordan hørte du om oss?» med tilpasset henvisningskilde
- Produktpreferanse med ikke-oppførte alternativer
- Tilbakemeldingskategorier med «Andre bekymringer»
- Enhver liste som ikke kan dekke alle muligheter
🔀 Betinget logikk
Dynamisk synlighet av radioknapper
Vis eller skjul alternativknappfelt basert på andre skjemaverdier. Lag intelligente skjemaer som tilpasser seg brukerens valg.
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 produktalternativer bare når produkttypen er valgt
- Vis fraktpreferanser når fraktmetoden er lik «Ekspress»
- Skjul betalingsplaner når totalbestillingen er mindre enn $100
- Avslør ytterligere spørsmål basert på det første svaret
🎯 Forbedret brukeropplevelse
Innebygde smarte funksjoner:
- Håndheving av enkeltvalg – Bare ett alternativ kan velges om gangen (standard oppførsel for radioknapper)
- Nødvendig validering – Gjør valg obligatorisk med tydelige feilmeldinger
- Tastaturnavigasjon – Piltastene beveger seg mellom alternativer for tilgjengelighet
- Tilpassede CSS-klasser – Bruk tilpasset styling som matcher merkevaren din
- Tilgjengelighetsstøtte – ARIA-etiketter, kompatibel med skjermleser
- Mobiloptimalisert – Berøringsvennlig med større trykkmål
- Visuell tilbakemelding – Tydelig indikasjon på valgt alternativ
- Hjelpetekststøtte – Legg til beskrivelser for å tydeliggjøre valg
Enkel oppsett i 3 trinn
Gjør radioknappfeltet klart på få minutter
Legg til feltet for radioknapper
Dra og slipp feltet for alternativknapper fra delen for grunnleggende felt inn i skjemaet.
Legg til alternativene dine
Skriv inn alternativetiketter og klikk på «Legg til alternativ» for å bygge listen. Endre rekkefølgen med piler, rediger etiketter og verdier etter behov.
Velg oppsett og funksjoner
Velg layoutstil (vertikal, horisontal eller rutenett), legg eventuelt til alternativet «Annet» eller «Ingen av alternativene ovenfor», angi standardvalg om ønskelig.
???? Det var det! Alternativknappene dine er klare for valg med ett enkelt alternativ.
Virkelige applikasjoner
Undersøkelser og tilbakemeldinger
* Tilfredshetsvurderinger (svært fornøyd til svært misfornøyd)
* Enighetsskalaer (helt enig til helt uenig)
* Hyppighetsspørsmål (Daglig, Ukentlig, Månedlig, Sjelden, Aldri)
* Vurderingsspørsmål (1–5 stjerner, utmerket til dårlig)
E-handel
* Valg av produktstørrelse (Liten, Medium, Stor, XL)
* Fargepreferanser
* Valg av fraktmetode
* Muligheter for gaveinnpakning
Registreringsskjemaer
* Valg av kjønn
* Valg av aldersgruppe
* Erfaringsnivå (nybegynner, mellomnivå, avansert)
* Valg av medlemskapsnivå
Business Applications
* Prioritetsnivå (Høy, Middels, Lav)
* Valg av avdeling
* Kontaktpreferanse (e-post, telefon, tekstmelding)
* Budsjettalternativer
Utdanning og opplæring
* Valg av kursnivå
* Foretrukket læringstempo
* Planlagt tilgjengelighet
* Sertifiseringstype
Helse og velvære
* Valg av avtaletype
* Valg av forsikringsleverandør
* Symptomalvorlighetsgrad (mild, moderat, alvorlig)
* Konsultasjonspreferanse
Komplette feltalternativer
Grunnleggende konfigurasjon
- Feltetikett – Spørsmålet eller tittelen som vises over radioknappene
- Beskrivelse/hjelpetekst – Ytterligere veiledning for brukere
- Obligatorisk felt – Gjør valget obligatorisk
- Plassholder – Ikke aktuelt for radioknapper
Oppsett og presentasjon
- Layoutstil
- Vertikal (stablet) – én per linje
- Horisontal (innebygd) – side om side
- Rutenett (2 kolonner) – balansert layout
Alternativer for radioknapper
- Legg til alternativer – Lag din egen liste over valg
- Visningstekst – hva brukerne ser
- Verdi – hva som sendes inn med skjemaet
- Omorganiser – Flytt alternativer opp/ned
- Slett – Fjern alternativer
Standardvalg
Standard valgt verdi – Forhåndsvelg et alternativ, eller la det stå tomt hvis du ikke har noen standardverdi
Spesielle alternativer
- Legg til alternativet «Annet» – Tillat tilpasset tekstinntasting
- Etikett for annet alternativ – Tilpass teksten «Annet» (standard: «Annet (vennligst spesifiser)»)
- Legg til alternativet «Ingen av de ovennevnte» – Legg til et eksplisitt ikke-valgalternativ på slutten
Avanserte funksjoner
Tilfeldig rekkefølge – Vis alternativer i tilfeldig rekkefølge (nyttig for spørreundersøkelser for å forhindre rekkefølgeskjevhet)
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
andre alternativer
- Skjult felt – Gjør feltet usynlig, men inkluder valgt verdi i innsendinger
- Tilpassede CSS-klasser – Bruk tilpasset styling
- Tilgjengelighetsattributter – ARIA-etiketter og beskrivelser
Hvorfor velge vårt felt for radioknapper?
✅ Fleksible oppsett – Vertikale, horisontale eller rutenettoppstillinger
✅ Undersøkelsesfunksjoner – Tilfeldig rekkefølge for objektive resultater
✅ Brukervennlig – «Annet»-alternativ for tilpassede svar
✅ Fullstendig kontroll – Enkle alternativer for å legge til, redigere, endre rekkefølge og slette
✅ Smarte standardinnstillinger – Forhåndsvelg vanlige eller anbefalte valg
✅ Profesjonell – «Ingen av de ovennevnte» for skikkelige undersøkelser
✅ Mobiloptimalisert – Berøringsvennlig med perfekte berøringsflater
✅ Tilgjengelig – Tastaturnavigasjon og støtte for skjermleser
✅ Fullt integrert – Fungerer sømløst med alle skjemafunksjoner
Ofte Stilte Spørsmål
Spørsmål: Hva er forskjellen mellom radioknapper og avmerkingsbokser?
Radioknapper tillater bare ett valg. Avmerkingsbokser tillater flere valg. Bruk radio for «velg én» og avmerkingsbokser for «velg hvilken som helst».
Spørsmål: Kan brukere endre radiovalget sitt?
Ja. Hvis du velger en ny alternativknapp, fjernes automatisk merkingen av den forrige.
Spørsmål: Når bør jeg bruke vertikal kontra horisontal layout?
Bruk vertikalt for lengre lister eller lange etiketter, horisontalt for korte sett med to eller tre alternativer, og rutenettoppsett for mellomstore alternativgrupper.
Spørsmål: Hvordan fungerer alternativet «Annet»?
Hvis du velger «Annet», vises et tekstfelt der brukerne skriver inn et tilpasset svar. Både valget og teksten sendes inn.
Spørsmål: Hva gjør tilfeldig rekkefølge?
Hver gang skjemaet lastes inn, endres rekkefølgen på alternativene for å redusere skjevhet i svarene.
Spørsmål: Bør jeg angi et standardvalg?
Angi én hvis du vil fremskynde fullføringen eller veilede brukere. La stå tomt når du trenger dem til å ta et bevisst valg.
Q: Hva brukes alternativet «Ingen av de ovennevnte» til?
Den lar brukerne angi at ingen av de oppførte alternativene gjelder, noe som forbedrer nøyaktigheten og forhindrer tvungne svar.
Spørsmål: Kan jeg ha ulik visningstekst og innsendte verdier?
Ja. Visningstekst vises til brukerne, og verdien som er lagret i innsendinger kan være renere eller mer strukturert.
Spørsmål: Hvordan endrer jeg rekkefølgen på alternativene for radioknapper?
Bruk pil opp og pil ned ved siden av hvert valg for å flytte dem til den rekkefølgen du foretrekker.
Spørsmål: Kan radioknapper være obligatoriske?
Ja. Aktiver «Påkrevd felt», så må brukerne velge et alternativ før de sender inn.
Q: Fungerer radioknapper på mobil?
Ja. De bruker berøringsvennlige kontroller og stables automatisk vertikalt på små skjermer.
Spørsmål: Kan jeg bruke betinget logikk med radioknapper?
Ja. Vis eller skjul felt basert på hvilket alternativ som er valgt ved hjelp av «Lik» eller lignende betingelser.
