Izvēles rūtiņas lauks
Ērti apkopojiet vienošanās un vairākas atlases. No vienkāršām jā/nē izvēles rūtiņām līdz vairāku atzīmju sarakstiem ar “Atlasīt visu”, min/maks vadīklām un viediem izkārtojumiem — izvēles rūtiņas lauks apstrādā atsevišķas vienošanās un vairāku atbilžu jautājumus, izmantojot jaudīgas validācijas un lietotājam draudzīgas opcijas.
Divi režīmi katrai izvēles rūtiņas vajadzībai
Ideāli piemērots:
Jaudīgas funkcijas katram lietošanas gadījumam
Divi izvēles rūtiņu režīmi
Vienas izvēles rūtiņas režīms:
Viena izvēles rūtiņa jautājumiem ar atbildi “jā”/“nē”, piekrišanas aizpildīšanai vai piekrišanas aizpildīšanai. Lieliski piemērota noteikumu pieņemšanai, informatīvo izdevumu abonēšanai un piekrišanas veidlapām.
Lietošanas gadījumi:
- “Es piekrītu noteikumiem un nosacījumiem”
- “Abonēt mani jaunumu saņemšanai”
- "Jā, es vēlos saņemt jaunumus"
- "Apstiprinu, ka šī informācija ir precīza"
Priekšrocības:
- Pielāgota izvēles rūtiņas etiķetes teksts
- Noklusējuma atzīmētais/neatzīmētais stāvoklis
- Pielāgota iesniegtā vērtība (jā, 1, patiess utt.)
- Obligātā validācijas opcija
Vairāku izvēles rūtiņu režīms:
Vairākas iespējas, kur lietotāji var izvēlēties vairākas atbildes. Lieliski piemērots jautājumiem ar opciju “Atlasīt visus atbilstošos”, preferenču apkopošanai un aptaujām ar vairākām atbildēm.
Lietošanas gadījumi:
- "Kuras funkcijas jūs interesē?" (vairākas izvēles iespējas)
- "Izvēlieties sev vēlamās saziņas metodes"
- “Izvēlieties visus nepieciešamos pakalpojumus”
- "Kādas tēmas jūs interesē?" (atzīmējiet vairākus)
Priekšrocības:
- Neierobežotas izvēles rūtiņu opcijas
- Trīs izkārtojuma stili
- Opcija “Atlasīt visu”
- Min./maks. atlases ierobežojumi
- “Cits” ar teksta ievadi
- Ekskluzīva opcija “Neviens no iepriekšminētajiem”
🎨 Trīs izkārtojuma opcijas (vairāki režīmi)
Vertikāls (sakrauts) izkārtojums:
Izvēles rūtiņas tiek parādītas pa vienai katrā rindā, vertikāli sakrautas. Vislasāmākais izkārtojums garākām opciju etiķetēm.
Labākais:
- Garš izvēles teksts
- 3–10 iespējas
- Mobilajām ierīcēm paredzētas veidlapas
- Maksimāla lasāmība
Horizontāls (blakus) izkārtojums:
Izvēles rūtiņas tiek parādītas rindā, blakus. Kompakts izkārtojums īsām etiķetēm.
Labākais:
- 2–5 īsas iespējas
- Kompaktas formas
- Darbvirsmas izkārtojumi
- Kosmosa efektivitāte
Režģa (vairāku kolonnu) izkārtojums:
Izvēles rūtiņas ir sakārtotas divu kolonnu režģī. Sabalansēts izkārtojums, kas ietaupa vietu, vienlaikus saglabājot lasāmību.
Labākais:
- 4–12 iespējas
- Vidēja garuma etiķetes
- Sabalansēts dizains
- Profesionāls izskats
Atsaucīga uzvedība:
Visi izkārtojumi automātiski pielāgojas mobilo ierīču ekrāniem, nepieciešamības gadījumā sakrājoties, lai nodrošinātu labāku skārienekrāna mijiedarbību.
✨ Opcija “Atlasīt visu”
Atlase ar vienu klikšķi:
Saraksta augšdaļā pievienojiet īpašu izvēles rūtiņu “Atlasīt visu”. Lietotāji var atzīmēt/noņemt atzīmi no visām opcijām ar vienu klikšķi.
Gudra uzvedība:
- Pārbauda visas parastās opcijas vienlaikus
- Noklikšķinot vēlreiz, noņem atzīmes no visām
- Automātiski noņem atzīmi, ja kāda opcija ir noņemta no atlases
- Parāda nenoteiktu stāvokli, ja ir atlasītas dažas (ne visas) opcijas
- Neiekļauj “Nevienu no iepriekšminētajiem” no visu atlases
Lieliski piemērots:
- Gari izvēles rūtiņu saraksti (vairāk nekā 5 opcijas)
- Veidlapas, kurās lietotāji bieži atlasa visu
- Jautājumi “Atzīmējiet visus atbilstošos”
- Atļauju un funkciju izvēle
Lietotāja pieredze:
Ietaupa laiku, strādājot ar gariem sarakstiem. Lietotāji var atlasīt visus un pēc tam noņemt atzīmi no konkrētiem izņēmumiem.
✏️ Opcija “Cits” ar teksta ievadi
Pielāgota atbilžu kolekcija:
Pievienojiet izvēles rūtiņu “Cits”, kas, atlasot to, atklāj teksta lauku. Lietotāji var norādīt savu atbildi, ja iepriekš iestatītās opcijas neder.
Kā tas darbojas:
- Saraksta apakšdaļā parādās izvēles rūtiņa “Cits”.
- Ja atzīmēts, parādās teksta ievades lauks
- Lietotāji ieraksta pielāgotu atbildi
- Tiek iesniegta gan izvēles rūtiņas atlase, gan teksts
Lietošanas gadījumi:
- “Vēlamā saziņas metode: …Cita (lūdzu, norādiet)”
- “Intereses: …Citas tēmas”
- “Kā jūs par mums uzzinājāt: …Citā avotā”
- Jebkurš saraksts, kas nevar tikt
Pabalsti:
Uztver negaidītas reakcijas, nodrošina elastību, novērš “piespiedu pielāgošanas” atlasi un uzlabo datu kvalitāti.
❌ Iespēja “Neviens no iepriekšminētajiem”
Ekskluzīva neizlase:
Pievienojiet opciju “Neviens no iepriekšminētajiem”, kas, noklikšķinot uz tās, automātiski noņem atzīmes no visām pārējām atlasēm.
Viedā ekskluzivitāte:
- Ja ir atzīmēta opcija “Nav”, visas pārējās opcijas automātiski tiek noņemtas.
- Ja ir atzīmēta jebkura cita opcija, atzīme no izvēles rūtiņas “Nav” tiek automātiski noņemta.
- Nodrošina skaidru veidu, kā norādīt, ka neviena izvēle nav piemērota
- Novērš pretrunīgas izvēles
Lietošanas gadījumi:
- Papildu izvēles jautājumi
- “Atlasiet visas alerģijas: …Neviena no iepriekš minētajām”
- Kvalifikācijas pārbaudītāji
- Interešu atlase
Kāpēc iekļaut:
Novērš veidlapas pamešanu, parāda pilnīgumu, nodrošina skaidru negatīvu opciju un uzlabo datu precizitāti.
📊 Min/Max atlases vadīklas
Vadības atlases daudzums:
Iestatiet minimālo un maksimālo izvēles rūtiņu skaitu, kas jāatzīmē/jāatzīmē.
Minimālās izvēles:
Pieprasīt lietotājiem atlasīt vismaz X opcijas. Veidlapa netiks iesniegta, kamēr prasība nebūs izpildīta.
Piemēri:
- “Izvēlieties vismaz 2 intereses” (min.: 2)
- “Izvēlieties vismaz 3 preferences” (Min: 3)
- “Izvēlieties vismaz vienu variantu” (min: 1)
Maksimālais atlases skaits:
Ierobežot lietotājus, lai viņi varētu izvēlēties ne vairāk kā X opcijas. Izvēles rūtiņas tiek atspējotas, kad ir sasniegts ierobežojums.
Piemēri:
- “Izvēlieties savas 3 labākās funkcijas” (maksimums: 3)
- “Izvēlieties līdz 5 pakalpojumiem” (maksimums: 5)
- "Izvēlieties ne vairāk kā 2 iespējas" (maksimums: 2)
Notīrīt atsauksmes:
Lietotājiem tiek rādīti validācijas ziņojumi, piemēram, “Lūdzu, atlasiet vismaz 2 opcijas” vai “Atļautas ne vairāk kā 3 izvēles”.
🔧 Vienkārša opciju pārvaldība
Pilnīga kontrole pār izvēlēm:
- Pievienot opcijas — ierakstiet un nospiediet taustiņu Enter vai noklikšķiniet uz “Pievienot opciju”. Izveidojiet izvēles rūtiņu sarakstus dažu sekunžu laikā.
- Rediģēšanas opcijas — atjaunināt attēlošanas tekstu (ko redz lietotāji) un vērtības (kas tiek iesniegts) neatkarīgi.
- Noklusējuma atzīmēts — iepriekš atzīmējiet konkrētas izvēles rūtiņas, atzīmējot izvēles rūtiņu blakus katrai opcijai.
- Pārkārtošanas opcijas — izmantojiet augšupvērsto/lejupvērsto bultiņu, lai sakārtotu izvēles rūtiņas perfektā secībā.
- Dzēst opcijas — noņemiet nevēlamās opcijas ar vienu klikšķi.
Reklāmas rādījums salīdzinājumā ar vērtību:
- Etiķete: Ko redz lietotāji (piemēram, “E-pasta atjauninājumi”)
- Vērtība: Kas tiek saglabāts (piemēram, “email_updates”)
Lielapjoma ēka:
Ātri pievienojiet vairākas opcijas, rakstot, nospiežot taustiņu Enter, rakstot un nospiežot taustiņu Enter — ātra izvēles rūtiņu saraksta izveide.
☑️ Vienas izvēles rūtiņas funkcijas
Pielāgošanas opcijas:
Izvēles rūtiņas apzīmējuma teksts:
Teksts, kas tiek rādīts blakus izvēles rūtiņai. Esiet skaidrs un konkrēts (piemēram, “Es piekrītu saņemt mārketinga e-pastus”).
Noklusējuma atzīmētais stāvoklis:
Veidlapas ielādes laikā iepriekš atzīmējiet izvēles rūtiņu. Izmantojiet uzmanīgi — lietotājiem apzināti jāatzīmē piekrišanas rūtiņas.
Pielāgota iesniegtā vērtība:
Iestatiet, kāda vērtība tiek iesniegta, ja šī ir atzīmēta (parasti “jā”, “1” vai “patiess”). Noklusējuma vērtība ir “jā”.
Nepieciešamā validācija:
Padariet izvēles rūtiņu obligātu. Lietotājiem tā ir jāatzīmē, lai iesniegtu veidlapu. Lieliski piemērots obligātiem līgumiem.
🔀 Nosacītā loģika
Dinamiskās izvēles rūtiņas redzamība:
Rādīt vai paslēpt izvēles rūtiņu laukus, pamatojoties uz citām veidlapas vērtībām. Rādīt opcijas tikai tad, ja tās ir atbilstošas.
Paplašināti loģikas noteikumi:
UN loģika – Jāizpilda visi nosacījumi
VAI loģika — darbību var izraisīt jebkurš nosacījums
8 operatori – Vienāds ar, Nav vienāds ar, Lielāks par, Mazāks par, Satur, Ir tukšs un citi
Lietošanas gadījumi:
Rādīt izvēles rūtiņas “Piegādes preferences” tikai tad, ja ir atzīmēta opcija “Nepieciešama piegāde”
Rādīt sadaļu “Informatīvā biļetena tēmas”, ja ir atzīmēta abonēšanas izvēles rūtiņa
Rādīt “Papildu pakalpojumi”, ja pakalpojuma veids ir “Premium”
Slēpt “Atlaižu iespējas”, ja pasūtījuma kopsumma ir mazāka par 50 ASV dolāriem
🎯 Uzlabota lietotāja pieredze
Iebūvētās viedās funkcijas:
- Vizuālie indikatori — notīriet izvēles rūtiņas ar atbilstošu atstarpi
- Tastatūras navigācija — ērti pārslēdzieties uz opcijām, izmantojot tabulēšanas taustiņu, izmantojot taustiņu kombināciju.
- Pieskārienam draudzīgi — lieli pieskāriena mērķi mobilajām ierīcēm
- Noklusējuma atlases — iepriekš pārbaudiet konkrētas opcijas
- Pielāgotas CSS klases — stila lietošana izvēles rūtiņu grupām
- Pieejamības atbalsts — ARIA etiķetes, saderīgs ar ekrāna lasītāju
- Optimizēts mobilajām ierīcēm — ideāli izvēles rūtiņu izmēri skārienjutīgajam ekrānam
- Skaidras etiķetes — salasāms teksts ar pareizu izlīdzinājumu
- Nepieciešamā validācija — notīrīt kļūdu ziņojumus
- Palīdzības teksts — pievienojiet aprakstus sarežģītām izvēles rūtiņu grupām
Vienkārša iestatīšana 3 soļos
Sagatavojiet izvēles rūtiņas lauku dažu minūšu laikā
Pievienot izvēles rūtiņas lauku
Velciet un nometiet izvēles rūtiņas lauku no sadaļas Pamata lauki savā veidlapā.
Izvēlieties Mode
Jā/nē jautājumiem atlasiet “Viena izvēles rūtiņa” vai vairākas izvēles rūtiņas, lai atlasītu vairākas izvēles rūtiņas.
Konfigurēšanas opcijas
Vienam elementam: iestatiet izvēles rūtiņas nosaukumu un vērtību. Vairākiem elementiem: pievienojiet opcijas, izvēlieties izkārtojumu, pēc izvēles iespējojiet opcijas “Atlasīt visu” vai “Cits” un iestatiet min./maks. atlases.
???? Tas arī viss! Jūsu izvēles rūtiņas lauks ir gatavs ar viedās validācijas funkciju.
Reālās pasaules lietojumprogrammas
Līgumi un piekrišana
* Noteikumu un nosacījumu pieņemšana
* Privātuma politikas līgumi
* E-pasta piekrišanas izvēles
* Informatīvā biļetena abonementi
Aptaujas un atsauksmes
* Jautājumi “Atzīmējiet visus atbilstošos”
* Vairāku interešu izvēle
* Funkciju preferenču kolekcija
* Tēmas interešu izvēles
E-komercija
* Produkta funkciju izvēle
* Pakalpojumu papildinājumi
* Piegādes iespējas
* Paziņojumu preferences
Reģistrācijas veidlapas
* Komunikācijas preferences
* Interešu kategorijas
* Atļauju iestatījumi
* Funkciju piekļuves izvēle
Aplikācijas
* Kvalifikācijas pārbaudītāji
* Prasmju izvēle
* Interešu jomas
* Pieejamības opcijas
Iestatījumi un preferences
* Konta iestatījumi
* Privātuma opcijas
* Paziņojumu izvēles iespējas
* Funkciju pārslēgšana
Pilnīgas lauka opcijas
Pamata konfigurācija
- Lauka nosaukums — jautājums vai nosaukums, kas parādīts iepriekš, izvēles rūtiņas
- Apraksts/palīdzības teksts — papildu norādījumi lietotājiem
- Obligāti aizpildāms lauks — padariet izvēles rūtiņas(-as) obligātas
- Vietturis — nav piemērojams izvēles rūtiņām
Izvēles rūtiņas režīms
Izvēlieties režīma veidu:
- Viena izvēles rūtiņa — jautājums ar atbildi “Jā”/“Nē”, piekrišana vai piekrišana (viena izvēles rūtiņa)
- Vairākas izvēles rūtiņas — vairāku atlases opciju izvēle (vairākas izvēles rūtiņas)
Vienas izvēles rūtiņas opcijas
- Teksts blakus izvēles rūtiņai — blakus izvēles rūtiņai redzamā etiķete (piemēram, “Es piekrītu noteikumiem”).
- Sākt atzīmēts — izvēles rūtiņa ir iepriekš atzīmēta, kad veidlapa tiek ielādēta
- Vērtība pēc atzīmes — datu vērtība tiek saglabāta, kad tā ir atzīmēta (pēc noklusējuma: “jā”).
Vairāku izvēles rūtiņu opcijas
Izkārtojuma stils:
- Sakrautas (pa vienai katrā rindā) — vertikāls izkārtojums
- Blakus (rindā) – horizontāls izkārtojums
- Režģis (vairākas kolonnas) — divu kolonnu režģa izkārtojums
Izvēles rūtiņas opcijas:
Izveidojiet savu izvēļu sarakstu:
- Attēlojuma teksts — tas, ko redz lietotāji (piemēram, “E-pasts”)
- Vērtība — iesniegtais (piemēram, “e-pasts”)
- Noklusējuma atzīmēts — iepriekš atlasīt konkrētas opcijas
- Pārkārtot — pārvietot opcijas uz augšu/uz leju
- Dzēst — noņemšanas opcijas
Īpašas iespējas:
- Pievienot opciju “Atlasīt visu” — augšpusē pievieno izvēles rūtiņu, kas atlasa/noņem atlasi no visām opcijām
- Pievienot opciju “Cits” ar teksta lodziņu — pievieno opciju “Cits” ar teksta lauku pielāgotām atbildēm
- Pievienot opciju “Neviens no iepriekšminētajiem” — pievieno ekskluzīvu opciju, kas noņem atzīmi no visām pārējām, kad tā ir atlasīta.
Atlases ierobežojumi:
- Minimālais nepieciešamais atlases skaits — mazākais atzīmējamo izvēles rūtiņu skaits (piemēram, 2)
- Maksimālais atļauto atzīmju skaits — lielākā daļa izvēles rūtiņu, kuras var atzīmēt (piemēram, 5)
Nosacītā loģika
- Iespējot nosacīto loģiku — rādīt/paslēpt, pamatojoties uz nosacījumiem
- Loģiskais tips
- Jāizpilda visi nosacījumi (UN)
- Jebkurš nosacījums var tikt izpildīts (VAI)
- Nosacījumu noteikumi
- Rādīt/slēpt – Veicamā darbība
- Lauks — kuru lauku pārbaudīt
- Operators – Vienāds ar, Nav vienāds ar, Satur, Lielāks par, Mazāks par, Ir tukšs, Nav tukšs
- Vērtība — salīdzinājuma vērtība
- Vairāki nosacījumi — pievienojiet neierobežotu skaitu noteikumu
Advanced Options
- Slēpts lauks — padariet lauku neredzamu (nav ieteicams izvēles rūtiņām)
- Pielāgotas CSS klases — lietot pielāgotu stilu
- Pieejamības atribūti — ARIA etiķetes ekrāna lasītājiem
Kāpēc izvēlēties mūsu izvēles rūtiņas lauku?
✅ Divi režīmi – Viena izvēles rūtiņa vai vairākas izvēles rūtiņas viena veida laukā
✅ Elastīgi izkārtojumi – Vertikāls, horizontāls vai režģa izkārtojums
✅ Izvēlēties visu – Ērtības labad var izvēlēties ar vienu klikšķi
✅ Cita iespēja – Teksta ievade pielāgotām atbildēm
✅ Nav opciju – Ekskluzīva izvēle bez izvēles
✅ Min./maks. ierobežojumi – Kontroles atlases daudzums
✅ Viegla vadība – Pievienojiet, rediģējiet, pārkārtojiet un dzēsiet opcijas bez piepūles
✅ Lietotāju draudzīgs – Skaidras etiķetes, atbilstošas atstarpes, pieskārienam draudzīgas
✅ Pilnībā integrēta – Nevainojami darbojas ar visām formas funkcijām
Biežāk uzdotie jautājumi
J: Kāda ir atšķirība starp vienas un vairāku izvēles rūtiņu režīmiem?
Viena atbilde parāda vienu izvēles rūtiņu “jā”/“nē” atbildēm. Vairāku atbildu režīmā tiek parādītas vairākas izvēles rūtiņas, kur lietotāji var atlasīt vairākas opcijas.
J: Vai lietotāji var atzīmēt visas izvēles rūtiņas vienlaikus?
Jā. Iespējojiet opciju “Atlasīt visu”, lai pievienotu izvēles rūtiņu, kas ar vienu klikšķi atzīmē vai noņem atzīmi no katras opcijas.
J: Kā darbojas min/max atlases?
Minimālā vērtība nodrošina, ka lietotāji atlasa vismaz noteiktu skaitu opciju. Maksimālā vērtība ierobežo, cik izvēles rūtiņu viņi var atlasīt.
J: Ko dara opcija “Cits”?
Tas pievieno papildu izvēles rūtiņu ar nosaukumu “Cits”. Atlasot to, parādās teksta lauks, lai lietotāji varētu ievadīt pielāgotu atbildi.
J: Kā darbojas “Neviens no iepriekšminētajiem”?
Tā darbojas kā ekskluzīva izvēle. Ja tā ir atzīmēta, visas pārējās izvēles rūtiņas tiek noņemtas. Ja ir atzīmēta kāda cita opcija, izvēles rūtiņa “Nav” automātiski noņem atzīmi.
J: Vai varu iepriekš atzīmēt noteiktas izvēles rūtiņas?
Jā. Viena režīma gadījumā ieslēdziet opciju “Sākt atzīmēto”. Vairāku režīmu gadījumā atzīmējiet mazo izvēles rūtiņu blakus katrai opcijai, kuru vēlaties atlasīt pēc noklusējuma.
J: Vai man vajadzētu iepriekš atzīmēt līguma rūtiņas?
Nē. Politiku, noteikumu un piekrišanas gadījumā lietotājiem pašiem ir aktīvi jāatzīmē izvēles rūtiņa.
J: Vai varu mainīt izvēles rūtiņu secību?
Jā. Izmantojiet augšupvērsto un lejupvērsto bultiņu blakus katrai opcijai, lai mainītu to secību pēc savas patikas.
J: Kāda ir atšķirība starp attēlošanas tekstu un vērtību?
Attēlojuma teksts ir tas, ko lietotāji redz. Vērtība ir tas, kas tiek saglabāts jūsu datubāzē, lai nodrošinātu tīrus un konsekventus datus.
J: Vai es varu izmantot nosacījuma loģiku ar izvēles rūtiņām?
Jā. Aktivizēt citus laukus, pamatojoties uz atlasēm, izmantojot operatorus, piemēram, “Vienāds ar”, “Ir tukšs” vai “Nav tukšs”.
J: Kā izveidot obligātu izvēles rūtiņu?
Iespējojiet “Obligāti aizpildāmo lauku”. Viena režīma gadījumā izvēles rūtiņai ir jābūt atzīmētai. Vairāku režīmu gadījumā lietotājiem ir jāizvēlas vismaz viena opcija vai jāatbilst jūsu minimālajām prasībām.
J: Vai lietotāji var mainīt atlases pēc pārbaudes?
Jā. Pirms veidlapas iesniegšanas viņi var brīvi atzīmēt vai noņemt atzīmi no jebkuras opcijas. Funkciju “Atlasīt visu” var arī jebkurā laikā pārslēgt.
