Radioknoppies
Versamel enkele keuses met duidelikheid en styl. Van eenvoudige ja/nee-vrae tot komplekse veelvuldige keuses met buigsame uitlegte, persoonlike opsies en slim funksies – die Radio Buttons-veld verseker dat gebruikers presies een antwoord uit jou lys kies.
Perfek vir enkelkeusevrae
Ideaal vir:
Kragtige kenmerke vir elke gebruiksgeval
🎨 Buigsame uitlegopsies
Drie Professionele Uitlegte:
- Vertikaal (Gestapel) – Opsies verskyn een per lyn, vertikaal gestapel. Mees tradisionele en leesbare uitleg vir lang opsie-etikette.
- Horisontaal (Inlyn) – Opsies verskyn langs mekaar in 'n ry. Perfek vir kort etikette en kompakte vorms.
- Rooster (2 Kolomme) – Opsies gerangskik in 'n rooster met twee kolomme. Bespaar spasie terwyl leesbaarheid behoue bly.
Kies gebaseer op:
- Vertikaal: Lang opsie-etikette, gedetailleerde keuses, tradisionele vorms
- Horisontaal: 2-5 kort opsies (Ja/Nee, Manlik/Vroulik, ens.)
- Rooster: 4+ medium-lengte opsies, gebalanseerde uitleg
Responsiewe Gedrag:
Alle uitlegte pas outomaties aan by mobiele skerms en stapel vertikaal wanneer nodig vir beter raakinteraksie.
🎲 Willekeurige Opsies Volgorde
Opnamegraad-randomisering
Skommel die volgorde van opsies elke keer as die vorm laai. Elimineer posisievooroordeel in opnames, meningspeilings en navorsingsvorms.
Hoekom willekeurig maak?
- Voorkom ordevooroordeel in opnames
- Verseker billike seleksieverspreiding
- Professionele navorsingsmetodologie
- Verbeter datakwaliteit
Ideaal vir:
- Opnamevorms en vraelyste
- A/B-toetsing en navorsing
- Stemming en meningspeiling
- Voorkeurstudies
Slim gedrag:
Spesiale opsies soos "Ander" en "Geen van die bogenoemde nie" kan onderaan bly selfs wanneer hoofopsies ewekansig gekies word.
❌ “Geen van die bogenoemde nie” opsie
Eksplisiete Nie-Seleksie
Voeg 'n "Geen van die bogenoemde" of "Nie van toepassing nie" opsie aan die einde van jou lys by. Gee gebruikers 'n duidelike manier om aan te dui dat geen opsies van toepassing is nie.
Waarom dit insluit?
- Voorkom geforseerde seleksies
- Verbeter data-akkuraatheid
- Toon alle basisse gedek
- Verminder vormverlating
Ideaal vir:
- Opsionele voorkeurvrae
- "Kies alles wat van toepassing is"-stylvrae
- Kwalifikasiekontroleerders
- Belangstellingskeuses
Slim posisionering:
Die opsie "Geen" verskyn altyd laaste, wat 'n duidelike skeiding van gewone keuses bied.
🔧 Maklike Opsiesbestuur
Volle beheer oor keuses:
- Voeg Opsies by – Tik en klik “Voeg Opsie by” of druk Enter. Bou jou lys binne sekondes.
- Wysigingsopsies – Dateer beide vertoonteks (wat gebruikers sien) en waardes (wat ingedien word) onafhanklik op.
- Herrangskik opsies – Gebruik die op/af pyle om opsies in die perfekte volgorde te rangskik.
- Vee opsies uit – Verwyder opsies met een klik. Geen opsie is permanent nie.
Vertoon teenoor Waarde:
- Etiket: Wat gebruikers sien (bv. "Uitstekende Diens")
- Waarde: Wat in die databasis gestoor word (bv. "uitstekende_diens")
Grootmaatbou:
Voeg vinnig verskeie opsies by deur te tik, Enter te druk, te tik en Enter te druk – vinnige opsie-skepping vir lang lyste.
✅ Standaardkeuse
Kies 'n opsie vooraf
Kies watter radioknoppie standaard gekies word wanneer die vorm laai. Lei gebruikers na algemene antwoorde of beklemtoon aanbevole keuses.
Gebruik gevalle:
Kies vooraf die mees algemene antwoord om voltooiing te versnel
Merk aanbevole opsie (bv. "Beste Waarde"-plan)
Stel standaardooreenkomsopsie (voorwaardes aanvaar)
Lei gebruikers na voorkeurkeuse
Of Geen Standaard:
Los alle opsies ongekies, wat vereis dat gebruikers aktief 'n keuse maak. Perfek vir vrae wat bewuste seleksie vereis.
✏️ “Ander” Opsie met teksinvoer
Pasgemaakte Antwoordversameling
Voeg 'n "Ander"-opsie by wat teksinvoer wys wanneer dit gekies word. Gebruikers kan hul eie antwoord spesifiseer as geeneen van die voorafbepaalde opsies pas nie.
Aanpasbare etiket:
- Verander die teks van die "Ander"-etiket om aan jou behoeftes te voldoen:
- “Ander (spesifiseer asseblief)”
- “Iets anders”
- "Aangepaste antwoord"
- “Nie gelys nie”
Hoe dit werk:
Wanneer gebruikers "Ander" kies, verskyn 'n teksveld onmiddellik sodat hulle hul persoonlike antwoord kan tik. Beide die "Ander"-keuse en hul teks word ingedien.
Gebruik gevalle:
- “Hoe het jy van ons gehoor?” met persoonlike verwysingsbron
- Produkvoorkeur met ongelyste opsies
- Terugvoerkategorieë met "Ander bekommernisse"
- Enige lys wat nie alle moontlikhede kan dek nie
🔀 Voorwaardelike Logika
Dinamiese radioknoppie-sigbaarheid
Wys of versteek radioknoppievelde gebaseer op ander vormwaardes. Skep intelligente vorms wat aanpas by gebruikerskeuses.
Gevorderde Logika Reëls:
- EN Logika – Alle voorwaardes moet nagekom word
- OF Logika – Enige voorwaarde kan die aksie veroorsaak
- 8 Operators – Gelyk aan, Nie gelyk aan, Groter as, Minder as, Bevat, Is leeg, en meer
Gebruik gevalle:
- Wys slegs produkopsies wanneer produktipe gekies is
- Wys versendingsvoorkeure wanneer die versendingsmetode gelyk is aan "Ekspres"
- Versteek betalingsplanne wanneer die bestellingstotaal minder as $100 is
- Openbaar bykomende vrae gebaseer op aanvanklike antwoord
🎯 Verbeterde gebruikerservaring
Slim funksies ingebou:
- Enkelkeuse-afdwinging – Slegs een opsie kan op 'n slag gekies word (standaardgedrag van radioknoppies)
- Vereiste Validasie – Maak seleksie verpligtend met duidelike foutboodskappe
- Sleutelbordnavigasie – Pyltjietoetse beweeg tussen opsies vir toeganklikheid
- Pasgemaakte CSS-klasse – Pas pasgemaakte stilering toe om by jou handelsmerk te pas
- Toeganklikheidsondersteuning – ARIA-etikette, skermleserversoenbaar
- Mobiel geoptimaliseer – Aanraakvriendelik met groter tapteikens
- Visuele terugvoer – Duidelike aanduiding van gekose opsie
- Hulpteksondersteuning – Voeg beskrywings by om keuses te verduidelik
Eenvoudige opstelling in 3 stappe
Kry jou Radio Buttons Field binne minute gereed
Voeg die veld vir radioknoppies by
Sleep en laat val die veld "Radioknoppies" vanaf die afdeling "Basiese Velde" na jou vorm.
Voeg jou opsies by
Tik opsie-etikette in en klik "Voeg opsie by" om jou lys te bou. Herrangskik met pyle, wysig etikette en waardes soos nodig.
Kies Uitleg en Kenmerke
Kies uitlegstyl (vertikaal, horisontaal of rooster), voeg opsioneel die opsie "Ander" of "Geen van die bogenoemde" by, stel die verstekkeuse indien verkies.
🎉 Dis dit! Jou radioknoppies is gereed vir enkelkeuse-seleksie.
Regte-wêreld toepassings
Voltooi Veld Opsies
Basiese konfigurasie
- Veld-etiket – Die vraag of titel wat bo die radioknoppies vertoon word
- Beskrywing/Hulpteks – Bykomende leiding vir gebruikers
- Verpligte veld – Maak keuse verpligtend
- Plekhouer – Nie van toepassing op radioknoppies nie
Uitleg en aanbieding
- Uitlegstyl
- Vertikaal (gestapel) – een per lyn
- Horisontaal (inlyn) – langs mekaar
- Rooster (2 kolomme) – gebalanseerde uitleg
Radioknoppie-opsies
- Voeg opsies by – Bou jou lys van keuses
- Vertoonteks – Wat gebruikers sien
- Waarde – Wat saam met die vorm ingedien word
- Herrangskik – Beweeg opsies op/af
- Vee uit – Verwyder opsies
Standaardkeuse
Standaard Gekose Waarde – Kies 'n opsie vooraf, of los leeg vir geen standaardwaarde nie
Spesiale Opsies
- Voeg "Ander"-opsie by – Laat persoonlike teksinvoer toe
- Ander Opsie-etiket – Pas die “Ander”-teks aan (standaard: “Ander (spesifiseer asseblief)”)
- Voeg die opsie "Geen van die bogenoemde" by – Voeg eksplisiete nie-seleksie-keuse aan die einde by
Gevorderde kenmerke
Willekeurige volgorde – Wys opsies in ewekansige volgorde (nuttig vir opnames om volgordevooroordeel te voorkom)
Voorwaardelike logika
- Aktiveer Voorwaardelike Logika – Wys/versteek gebaseer op voorwaardes
- Logika tipe
- Alle voorwaardes moet nagekom word (EN)
- Enige voorwaarde kan nagekom word (OF)
- Toestandreëls
- Wys/Versteek – Aksie om te neem
- Veld – Watter veld om te merk
- Operator – Gelyk aan, Nie gelyk aan, Bevat, Groter as, Minder as, Is leeg, Is nie leeg nie
- Waarde – Vergelykingswaarde
- Veelvuldige voorwaardes – Voeg onbeperkte reëls by
ander opsies
- Versteekte Veld – Maak veld onsigbaar, maar sluit gekose waarde in voorleggings in
- Pasgemaakte CSS-klasse – Pas pasgemaakte stilering toe
- Toeganklikheidskenmerke – ARIA-etikette en beskrywings

Waarom ons radioknoppieveld kies?
✅ Buigsame uitlegte – Vertikale, horisontale of roosterrangskikkings
✅ Opname-kenmerke – Willekeurige volgorde vir onbevooroordeelde resultate
✅ Gebruikersvriendelik – “Ander” opsie vir persoonlike antwoorde
✅ Volledige beheer – Maklike opsies vir byvoeging, wysiging, herrangskikking en verwydering
✅ Slim verstekwaardes – Kies vooraf algemene of aanbevole keuses
✅ Professionele – “Geen van die bogenoemde nie” vir behoorlike opnames
✅ Mobiel geoptimaliseer – Aanraakvriendelik met perfekte tikteikens
✅ Toeganklik – Sleutelbordnavigasie en skermleserondersteuning
✅ Ten volle geïntegreerd – Werk naatloos met alle vormfunksies
Algemene vrae
V: Wat is die verskil tussen radioknoppies en merkblokkies?
Radioknoppies laat slegs een keuse toe. Merkblokkies laat veelvuldige keuses toe. Gebruik radio vir "kies een" en merkblokkies vir "kies enige".
V: Kan gebruikers hul radiokeuse verander?
Ja. As jy 'n nuwe radioknoppie kies, word die vorige een outomaties ontkies.
V: Wanneer moet ek vertikale teenoor horisontale uitleg gebruik?
Gebruik vertikaal vir langer lyste of lang etikette, horisontaal vir kort stelle met twee of drie opsies, en roosteruitleg vir mediumgrootte opsiegroepe.
V: Hoe werk die "Ander"-opsie?
As jy "Ander" kies, word 'n teksveld oopgemaak waar gebruikers 'n persoonlike antwoord tik. Beide die keuse en teks word ingedien.
V: Wat doen ewekansige volgorde?
Elke keer as die vorm laai, verander die opsievolgorde om vooroordeel in antwoorde te verminder.
V: Moet ek 'n standaardkeuse stel?
Stel een as jy voltooiing wil bespoedig of gebruikers wil lei. Los leeg wanneer jy hulle nodig het om 'n doelbewuste keuse te maak.
V: Waarvoor is die opsie "Geen van die bogenoemde nie"?
Dit laat gebruikers toe om aan te dui dat geen gelyste opsie van toepassing is nie, wat akkuraatheid verbeter en geforseerde antwoorde voorkom.
V: Kan ek verskillende vertoonteks en ingediende waardes hê?
Ja. Vertoonteks word aan gebruikers gewys, en die waarde wat in voorleggings gestoor word, kan skoner of meer gestruktureerd wees.
V: Hoe kan ek my radioknoppie-opsies herrangskik?
Gebruik die op- en af-pyltjies langs elke keuse om hulle in die volgorde wat jy verkies, te skuif.
V: Kan radioknoppies vereis word?
Ja. Aktiveer "Verpligte Veld" en gebruikers moet 'n opsie kies voordat hulle indien.
V: Werk radioknoppies op selfone?
Ja. Hulle gebruik raakvriendelike kontroles en stapel outomaties vertikaal op klein skerms.
V: Kan ek voorwaardelike logika met radioknoppies gebruik?
Ja. Wys of versteek velde gebaseer op watter opsie gekies is met behulp van "Gelyk aan" of soortgelyke voorwaardes.