Zaškrtávacie políčko
Jednoducho zhromažďujte dohody a otázky s viacerými možnosťami výberu. Od jednoduchých zaškrtávacích políčok áno/nie až po zoznamy s viacerými možnosťami výberu s funkciou „Vybrať všetko“, ovládacími prvkami min/max a inteligentnými rozloženiami – pole Zaškrtávacie políčko spracováva jednotlivé dohody a otázky s výberom z viacerých možností s výkonným overovaním a užívateľsky prívetivými možnosťami.
Dva režimy pre každú potrebu zaškrtávacieho políčka
Ideálne pre:
Výkonné funkcie pre každý prípad použitia
Dva režimy zaškrtávacích políčok
Režim jedného zaškrtávacieho políčka:
Jedno zaškrtávacie políčko pre otázky typu áno/nie, súhlasy alebo súhlasy. Ideálne pre súhlas s podmienkami, odber noviniek a formuláre súhlasu.
Prípady použitia:
- „Súhlasím s podmienkami“
- „Prihlásiť ma na odber noviniek“
- „Áno, chcem dostávať aktualizácie“
- „Potvrdzujem, že tieto informácie sú presné“
Vlastnosti:
- Text vlastného označenia zaškrtávacieho políčka
- Predvolený stav zaškrtnuté/nezaškrtnuté
- Vlastná odoslaná hodnota (áno, 1, pravda atď.)
- Požadovaná možnosť overenia
Režim viacerých zaškrtávacích políčok:
Viacero možností, kde si používatelia môžu vybrať z viacerých možností. Ideálne pre otázky typu „Vyberte všetky, ktoré sa vzťahujú na danú tému“, zhromažďovanie preferencií a prieskumy s možnosťou výberu viacerých možností.
Prípady použitia:
- „Ktoré funkcie vás zaujímajú?“ (možnosť výberu viacerých možností)
- „Vyberte si preferované spôsoby kontaktovania“
- „Vyberte si všetky služby, ktoré potrebujete“
- „Aké témy vás zaujímajú?“ (zaškrtnite viacero)
Vlastnosti:
- Neobmedzené možnosti zaškrtávacích políčok
- Tri štýly rozloženia
- Možnosť „Vybrať všetko“
- Minimálne/maximálne limity výberu
- „Iné“ s textovým vstupom
- Výhradná možnosť „Žiadna z vyššie uvedených možností“
🎨 Tri možnosti rozloženia (viaceré režimy)
Vertikálne (skladané) rozloženie:
Začiarkavacie políčka sa zobrazujú jedno na riadok, vertikálne naskladané. Najčitateľnejšie rozloženie pre dlhšie popisky možností.
Najlepšie pre:
- Dlhý text možností
- 3-10 možnosti
- Formuláre pre mobilné zariadenia
- Maximálna čitateľnosť
Horizontálne rozloženie (vedľa seba):
Začiarkavacie políčka sa zobrazujú v riadku vedľa seba. Kompaktné rozloženie pre krátke štítky.
Najlepšie pre:
- 2 – 5 krátkych možností
- Kompaktné formy
- Rozloženia pracovnej plochy
- Priestorová efektívnosť
Rozloženie mriežky (viacero stĺpcov):
Zaškrtávacie políčka usporiadané v dvojstĺpcovej mriežke. Vyvážené rozloženie, ktoré šetrí miesto a zároveň zachováva čitateľnosť.
Najlepšie pre:
- 4-12 možnosti
- Stredne dlhé štítky
- Vyvážený dizajn
- Profesionálny vzhľad
Responzívne správanie:
Všetky rozloženia sa automaticky prispôsobujú obrazovkám mobilných zariadení a v prípade potreby sa skladajú pre lepšiu dotykovú interakciu.
✨ Možnosť „Vybrať všetko“
Výber jedným kliknutím:
Pridajte špeciálne zaškrtávacie políčko „Vybrať všetko“ na začiatok zoznamu. Používatelia môžu zaškrtnúť/zrušiť zaškrtnutie všetkých možností jedným kliknutím.
Inteligentné správanie:
- Súčasne kontroluje všetky bežné možnosti
- Po opätovnom kliknutí zruší začiarknutie všetkých políčok
- Automaticky zruší začiarknutie, ak je niektorá možnosť zrušená
- Zobrazuje neurčitý stav, keď sú vybraté niektoré (nie všetky) možnosti
- Vylučuje „Žiadna z vyššie uvedených možností“ z výberu všetkých
Ideálne pre:
- Dlhé zoznamy zaškrtávacích políčok (5+ možností)
- Formuláre, kde používatelia často vyberajú všetko
- Otázky typu „Zaškrtnite všetky, ktoré sa vzťahujú“
- Výber povolení a funkcií
Skúsenosti používateľov:
Šetrí čas pri dlhých zoznamoch. Používatelia môžu vybrať všetky a potom zrušiť začiarknutie konkrétnych výnimiek.
✏️ Možnosť „Iné“ s textovým vstupom
Kolekcia vlastných odpovedí:
Pridajte zaškrtávacie políčko „Iné“, ktoré po začiarknutí zobrazí textové pole. Používatelia si môžu zadať vlastnú odpoveď, ak im prednastavené možnosti nesedia.
Ako To Funguje:
- Zaškrtávacie políčko „Iné“ sa zobrazí v dolnej časti zoznamu
- Po začiarknutí sa zobrazí pole na zadávanie textu
- Používatelia zadávajú vlastnú odpoveď
- Odosiela sa výber zaškrtávacieho políčka aj text
Prípady použitia:
- „Preferovaný spôsob kontaktu: …Iné (uveďte, prosím)“
- „Záujmy: …Iné témy“
- „Ako ste sa o nás dozvedeli: …Iný zdroj“
- Akýkoľvek zoznam, ktorý nemôže
Výhody:
Zachytáva neočakávané reakcie, poskytuje flexibilitu, zabraňuje výberu „vynúteného prispôsobenia“ a zlepšuje kvalitu údajov.
❌ Možnosť „Žiadna z vyššie uvedených možností“
Výhradný nevýber:
Pridajte možnosť „Žiadna z vyššie uvedených možností“, ktorá po kliknutí automaticky zruší začiarknutie všetkých ostatných možností.
Inteligentná exkluzivita:
- Ak je začiarknuté políčko „Žiadne“, začiarknutie všetkých ostatných možností sa automaticky zruší.
- Ak je začiarknutá akákoľvek iná možnosť, začiarknutie možnosti „Žiadne“ sa automaticky zruší.
- Poskytuje jasný spôsob, ako označiť, že sa nevzťahujú žiadne možnosti
- Zabraňuje protichodným výberom
Prípady použitia:
- Voliteľné preferenčné otázky
- „Vyberte všetky alergie: …Žiadna z uvedených“
- Kvalifikačné dámy
- Výbery záujmov
Prečo zahrnúť:
Zabraňuje opusteniu formulára, preukazuje dôkladnosť, poskytuje explicitnú možnosť negatívneho hodnotenia a zlepšuje presnosť údajov.
📊 Ovládacie prvky výberu Min/Max
Množstvo výberu ovládania:
Nastavte minimálny a maximálny počet začiarkavacích políčok, ktoré musia/môžu byť začiarknuté.
Minimálny výber:
Vyžadovať od používateľov výber aspoň X možností. Formulár sa neodošle, kým nie je splnená táto požiadavka.
Príklady:
- „Vyberte aspoň 2 záujmy“ (Min: 2)
- „Vyberte minimálne 3 preferencie“ (Min: 3)
- „Vyberte aspoň 1 možnosť“ (Min: 1)
Maximálny výber:
Obmedzte používateľov na výber maximálne X možností. Začiarkavacie políčka sa po dosiahnutí limitu deaktivujú.
Príklady:
- „Vyberte si 3 najdôležitejšie funkcie“ (Max.: 3)
- „Vyberte až 5 služieb“ (Max.: 5)
- „Vyberte maximálne 2 možnosti“ (Max: 2)
Vymazať spätnú väzbu:
Používateľom sa zobrazujú overovacie správy ako „Vyberte aspoň 2 možnosti“ alebo „Povolené sú maximálne 3 možnosti“.
🔧 Jednoduchá správa možností
Úplná kontrola nad možnosťami:
- Pridať možnosti – Zadajte text a stlačte kláves Enter alebo kliknite na tlačidlo „Pridať možnosť“. Zoznamy zaškrtávacích políčok vytvoríte v priebehu niekoľkých sekúnd.
- Možnosti úprav – Aktualizujte zobrazovaný text (čo vidia používatelia) a hodnoty (čo sa odosiela) nezávisle.
- Predvolené začiarknuté – Predvoľte konkrétne políčka začiarknutím políčka vedľa každej možnosti.
- Možnosti zmeny poradia – Pomocou šípok nahor/nadol môžete zaškrtávacie políčka usporiadať v dokonalom poradí.
- Odstrániť možnosti – Odstráňte nechcené možnosti jedným kliknutím.
Zobrazenie verzus hodnota:
- Štítok: Čo sa používateľom zobrazuje (napr. „Aktualizácie e-mailom“)
- Hodnota: Čo sa ukladá (napr. „email_updates“)
Hromadná budova:
Rýchle pridanie viacerých možností zadaním textu, stlačením klávesu Enter, zadaním textu a stlačením klávesu Enter – rýchle vytvorenie zoznamu zaškrtávacích políčok.
☑️ Funkcie jedného zaškrtávacieho políčka
Možnosti prispôsobenia:
Text označenia zaškrtávacieho políčka:
Text zobrazený vedľa zaškrtávacieho políčka. Uveďte ho jasne a konkrétne (napr. „Súhlasím s prijímaním marketingových e-mailov“).
Predvolený zaškrtnutý stav:
Pri načítaní formulára vopred zaškrtnite políčko. Používajte opatrne – používatelia by mali vedome zaškrtnúť políčka súhlasu.
Vlastná odoslaná hodnota:
Nastavte, aká hodnota sa odošle po začiarknutí (zvyčajne „áno“, „1“ alebo „pravda“). Predvolená hodnota je „áno“.
Požadované overenie:
Zaškrtávacie políčko nastavte ako povinné. Používatelia ho musia zaškrtnúť, aby mohli odoslať formulár. Ideálne pre povinné zmluvy.
🔀 Podmienená logika
Viditeľnosť dynamického zaškrtávacieho políčka:
Zobraziť alebo skryť zaškrtávacie políčka na základe iných hodnôt formulára. Možnosti zobraziť iba v prípade potreby.
Pokročilé logické pravidlá:
Logika A – Všetky podmienky musia byť splnené
Logika ALEBO – Akciu môže spustiť akákoľvek podmienka.
8 operátorov – Rovná sa, Nerovná sa, Väčšie ako, Menšie ako, Obsahuje, Je prázdne a ďalšie
Prípady použitia:
Začiarkavacie políčka „Predvoľby dopravy“ zobrazovať iba vtedy, keď je začiarknuté políčko „Vyžaduje dopravu“
Zobraziť „Témy newslettera“, keď je začiarknuté políčko odberu
Zobraziť „Doplnkové služby“, keď je typ služby „Prémiový“
Skryť „Možnosti zliav“, ak je celková suma objednávky nižšia ako 50 USD
🎯 Vylepšený používateľský zážitok
Vstavané inteligentné funkcie:
- Vizuálne indikátory – Začiarknite políčka so správnym rozstupom
- Navigácia na klávesnici – jednoduché prepínanie medzi možnosťami pomocou klávesu Tab
- Dotykové ovládanie – Veľké dotykové plochy pre mobilné zariadenia
- Predvolené výbery – Vopred skontrolujte konkrétne možnosti
- Vlastné triedy CSS – Použitie štýlov na skupiny zaškrtávacích políčok
- Podpora prístupnosti – štítky ARIA, kompatibilné s čítačkou obrazovky
- Optimalizované pre mobilné zariadenia – perfektné veľkosti zaškrtávacích políčok pre dotykové ovládanie
- Jasné štítky – čitateľný text so správnym zarovnaním
- Požadované overenie – Vymazať chybové hlásenia
- Pomocný text – Pridajte popisy pre zložité skupiny zaškrtávacích políčok
Jednoduché nastavenie v 3 krokoch
Pripravte si zaškrtávacie políčko za pár minút
Pridať pole začiarkavacieho políčka
Presuňte pole Začiarkavacie políčko zo sekcie Základné polia do formulára.
Vyberte režim
Pre otázky s odpoveďou áno/nie vyberte možnosť „Jedno zaškrtávacie políčko“ alebo pre otázky s možnosťou výberu viacerých možností vyberte možnosť „Viacero zaškrtávacích políčok“.
Konfigurovať možnosti
Pre jednu možnosť: nastavte označenie a hodnotu zaškrtávacieho políčka. Pre viacero možností: pridajte možnosti, vyberte rozloženie, voliteľne povoľte možnosti „Vybrať všetko“ alebo „Iné“ a nastavte minimálny/maximálny výber.
???? To je všetko! Vaše zaškrtávacie pole je pripravené s inteligentným overením.
Aplikácie v reálnom svete
Dohody a súhlas
* Súhlas s podmienkami
* Zásady ochrany osobných údajov
* Súhlas s odoslaním e-mailu
* Prihlásenie na odber noviniek
Prieskumy a spätná väzba
* Otázky typu „Vyberte všetky, ktoré sa vzťahujú“
* Výber viacerých záujmov
* Zbierka preferencií funkcií
* Výber témy, ktorá vás zaujíma
E-commerce
* Výber funkcií produktu
* Doplnky služieb
* Možnosti dopravy
* Predvoľby upozornení
Registračné formuláre
* Komunikačné preferencie
* Kategórie záujmov
* Nastavenia povolení
* Výber prístupu k funkciám
použitie
* Kvalifikačné dámy
* Výber zručností
* Oblasti záujmu
* Možnosti dostupnosti
Nastavenia a predvoľby
* Nastavenia účtu
* Možnosti ochrany osobných údajov
* Možnosti upozornení
* Prepínače funkcií
Možnosti kompletného poľa
Základná konfigurácia
- Popis poľa – Otázka alebo názov zobrazený nad zaškrtávacími políčkami
- Popis/Pomocný text – Ďalšie pokyny pre používateľov
- Povinné pole – Zaškrtávacie políčka nastavte ako povinné
- Zástupný symbol – Nevzťahuje sa na začiarkavacie políčka
Režim zaškrtávacieho políčka
Vyberte typ režimu:
- Jedno zaškrtávacie políčko – otázka s odpoveďou Áno/Nie, súhlas alebo súhlas (jedno zaškrtávacie políčko)
- Viaceré zaškrtávacie políčka – Možnosti výberu viacerých políčok (viacero zaškrtávacích políčok)
Možnosti jedného zaškrtávacieho políčka
- Text vedľa zaškrtávacieho políčka – Štítok zobrazený vedľa zaškrtávacieho políčka (napr. „Súhlasím s podmienkami“)
- Začiarknuté – Začiarkavacie políčko je vopred začiarknuté pri načítaní formulára.
- Hodnota pri zaškrtnutí – Hodnota údajov uložená pri zaškrtnutí (predvolené: „áno“)
Možnosti viacerých zaškrtávacích políčok
Štýl rozloženia:
- Naskladané (jeden na riadok) – Vertikálne usporiadanie
- Vedľa seba (v rade) – Horizontálne usporiadanie
- Mriežka (viacero stĺpcov) – 2-stĺpcové mriežkové rozloženie
Možnosti zaškrtávacieho políčka:
Vytvorte si zoznam možností:
- Zobrazovaný text – čo vidia používatelia (napr. „E-mail“)
- Hodnota – čo sa odosiela (napr. „e-mail“)
- Predvolené začiarknuté – Predvoľba konkrétnych možností
- Zmeniť poradie – Presunúť možnosti nahor/nadol
- Odstrániť – Odstrániť možnosti
Špeciálne možnosti:
- Pridať možnosť „Vybrať všetko“ – Pridá zaškrtávacie políčko v hornej časti, ktoré vyberie/zruší výber všetkých možností
- Pridať možnosť „Iné“ s textovým poľom – Pridá možnosť „Iné“ s textovým poľom pre vlastné odpovede
- Pridať možnosť „Žiadna z vyššie uvedených možností“ – Pridá exkluzívnu možnosť, ktorá po vybratí zruší začiarknutie všetkých ostatných možností
Limity výberu:
- Minimálny požadovaný počet výberov – Najmenší počet začiarkavacích políčok, ktoré musia byť začiarknuté (napr. 2)
- Maximálny povolený počet výberov – Najviac zaškrtávacích políčok, ktoré je možné vybrať (napr. 5)
Podmienená logika
- Povoliť podmienenú logiku – zobraziť/skryť na základe podmienok
- Logický typ
- Všetky podmienky musia byť splnené (A)
- Môže byť splnená akákoľvek podmienka (ALEBO)
- Pravidlá podmienok
- Zobraziť/Skryť – Akcia, ktorú treba vykonať
- Pole – Ktoré pole sa má skontrolovať
- Operátor – Rovná sa, Nerovná sa, Obsahuje, Väčšie ako, Menšie ako, Je prázdne, Nie je prázdne
- Hodnota – Porovnávacia hodnota
- Viaceré podmienky – Pridajte neobmedzený počet pravidiel
rozšírené možnosti
- Skryté pole – Zrušiť zobrazenie poľa (neodporúča sa pre začiarkavacie políčka)
- Vlastné triedy CSS – Použitie vlastného štýlu
- Atribúty prístupnosti – štítky ARIA pre čítačky obrazovky
Prečo si vybrať naše zaškrtávacie políčko?
✅ Dva režimy – Jedno zaškrtávacie políčko alebo viacero zaškrtávacích políčok v jednom type poľa
✅ Flexibilné rozloženie – Vertikálne, horizontálne alebo mriežkové usporiadanie
✅ Vybrať všetko – Výber jedným kliknutím pre väčšie pohodlie
✅ Iná možnosť – Vkladanie textu pre vlastné odpovede
✅ Žiadna možnosť – Výhradná voľba bez možnosti výberu
✅ Minimálne/maximálne limity – Množstvo výberu ovládania
✅ Jednoduchá správa – Bez námahy pridávajte, upravujte, menite poradie a odstraňujte možnosti
✅ Užívatelsky prívetivý – Jasné štítky, správne rozostupy, dotykové ovládanie
✅ Plne integrované – Funguje bezproblémovo so všetkými funkciami formulára
Často kladené otázky
Otázka: Aký je rozdiel medzi režimom jedného a viacerých zaškrtávacích políčok?
Jednoduchý režim zobrazuje jedno zaškrtávacie políčko pre rozhodnutia áno/nie. Viacnásobný režim zobrazuje niekoľko zaškrtávacích políčok, kde si používatelia môžu vybrať viac ako jednu možnosť.
Otázka: Môžu používatelia zaškrtnúť všetky políčka naraz?
Áno. Povoľte možnosť „Vybrať všetko“, ak chcete pridať začiarkavacie políčko, ktoré jedným kliknutím začiarkne alebo zruší začiarknutie každej možnosti.
Otázka: Ako fungujú výbery min/max?
Minimálna možnosť zabezpečí, aby používatelia vybrali aspoň určitý počet možností. Maximálna možnosť obmedzí počet začiarkavacích políčok, ktoré si môžu vybrať.
Otázka: Čo robí možnosť „Iné“?
Pridá ďalšie zaškrtávacie políčko s označením „Iné“. Po začiarknutí sa zobrazí textové pole, do ktorého môžu používatelia zadať vlastnú odpoveď.
Otázka: Ako funguje možnosť „Žiadna z vyššie uvedených možností“?
Funguje ako výhradná voľba. Ak je začiarknutá, všetky ostatné začiarkavacie políčka sa zrušia. Ak je začiarknutá akákoľvek iná možnosť, začiarknutie možnosti „Žiadne“ sa automaticky zruší.
Otázka: Môžem vopred zaškrtnúť určité políčka?
Áno. Pre jeden režim zapnite možnosť „Spustiť začiarknuté“. Pre viacero režimov začiarknite malé políčko vedľa každej možnosti, ktorú chcete predvolene vybrať.
Otázka: Mám si vopred zaškrtnúť políčka dohody?
Nie. V prípade pravidiel, podmienok a súhlasu by mali používatelia sami aktívne zaškrtnúť políčko.
Otázka: Môžem zmeniť poradie zaškrtávacích políčok?
Áno. Pomocou šípok nahor a nadol vedľa každej možnosti ich môžete podľa potreby usporiadať.
Otázka: Aký je rozdiel medzi zobrazovaným textom a hodnotou?
Zobrazovaný text je to, čo vidia používatelia. Hodnota je to, čo sa ukladá do vašej databázy pre čisté a konzistentné údaje.
Otázka: Môžem použiť podmienenú logiku so zaškrtávacími políčkami?
Áno. Spúšťajte ďalšie polia na základe výberov pomocou operátorov ako „Rovná sa“, „Je prázdne“ alebo „Nie je prázdne“.
Otázka: Ako vytvorím povinné zaškrtávacie políčko?
Povoliť „Povinné pole“. Pre jeden režim musí byť políčko začiarknuté. Pre viacero režimov musia používatelia vybrať aspoň jednu možnosť alebo splniť vaše minimálne požiadavky.
Otázka: Môžu používatelia zmeniť výber po zaškrtnutí?
Áno. Pred odoslaním formulára môžu ľubovoľne zaškrtnúť alebo zrušiť začiarknutie ľubovoľnej možnosti. Funkciu „Vybrať všetko“ je možné kedykoľvek prepnúť.
