Pole zaškrtávacího políčka
Snadno shromažďujte dohody a vícenásobné výběry. Od jednoduchých zaškrtávacích políček ano/ne až po seznamy s vícenásobným výběrem pomocí funkce „Vybrat vše“, ovládacích prvků min/max a chytrého rozvržení – pole Zaškrtávací políčko zvládá jednotlivé dohody a otázky s výběrem odpovědí s výkonným ověřováním a uživatelsky přívětivými možnostmi.
Dva režimy pro každou potřebu zaškrtávacího políčka
Ideální pro:
Výkonné funkce pro každý případ použití
Dva režimy zaškrtávacích políček
Režim jednoho zaškrtávacího políčka:
Jedno zaškrtávací políčko pro otázky typu ano/ne, souhlasy nebo přihlášení k odběru. Ideální pro přijetí podmínek, odběr novinek a formuláře souhlasu.
Případy užití:
- „Souhlasím s podmínkami“
- „Přihlásit mě k odběru newsletteru“
- „Ano, chci dostávat novinky“
- „Potvrzuji, že tyto informace jsou přesné“
Funkce:
- Text vlastního popisku zaškrtávacího políčka
- Výchozí stav zaškrtnuto/nezaškrtnuto
- Vlastní odeslaná hodnota (ano, 1, pravda atd.)
- Požadovaná možnost ověření
Režim více zaškrtávacích políček:
Více možností, kde si uživatelé mohou vybrat z několika možností. Ideální pro otázky typu „Vyberte vše, co se hodí“, sběr preferencí a průzkumy s výběrem více možností.
Případy užití:
- „Které funkce vás zajímají?“ (více možností)
- „Vyberte preferované způsoby kontaktování“
- „Vyberte si všechny služby, které potřebujete“
- „Jaká témata vás zajímají?“ (zaškrtněte více možností)
Funkce:
- Neomezené možnosti zaškrtávacích políček
- Tři styly rozvržení
- Možnost „Vybrat vše“
- Minimální/maximální limity výběru
- „Jiné“ s textovým zadáním
- Exkluzivní možnost „Žádná z výše uvedených“
🎨 Tři možnosti rozvržení (více režimů)
Vertikální (vrstvené) rozvržení:
Zaškrtávací políčka se zobrazují jedno na řádku, svisle naskládaná. Nejčitelnější rozvržení pro delší popisky možností.
Nejlepší pro:
- Dlouhý text možností
- 3-10 možnosti
- Formuláře pro mobilní zařízení
- Maximální čitelnost
Horizontální rozložení (vedle sebe):
Zaškrtávací políčka se zobrazují v řadě vedle sebe. Kompaktní rozvržení pro krátké štítky.
Nejlepší pro:
- 2–5 krátkých možností
- Kompaktní formy
- Rozvržení plochy
- Prostorová efektivita
Rozvržení mřížky (více sloupců):
Zaškrtávací políčka uspořádaná v mřížce se 2 sloupci. Vyvážené rozvržení, které šetří místo a zároveň zachovává čitelnost.
Nejlepší pro:
- 4-12 možnosti
- Štítky střední délky
- Vyvážený design
- Profesionální vzhled
Responzivní chování:
Všechna rozvržení se automaticky přizpůsobují obrazovkám mobilních telefonů a v případě potřeby se skládají pro lepší interakci s dotykem.
✨ Možnost „Vybrat vše“
Výběr jedním kliknutím:
Přidejte na začátek seznamu speciální zaškrtávací políčko „Vybrat vše“. Uživatelé mohou zaškrtnout/zrušit zaškrtnutí všech možností jedním kliknutím.
Chytré chování:
- Kontroluje všechny běžné možnosti současně
- Po opětovném kliknutí zruší zaškrtnutí všech políček
- Automaticky zruší zaškrtnutí, pokud je některá možnost zrušena.
- Zobrazuje neurčitý stav, pokud jsou vybrány některé (ne všechny) možnosti.
- Vylučuje „Žádná z výše uvedených možností“ z výběru všeho
Perfektní pro:
- Dlouhé seznamy zaškrtávacích políček (5+ možností)
- Formuláře, kde uživatelé často vybírají vše
- Otázky typu „Zaškrtněte vše, co se hodí“
- Výběr oprávnění a funkcí
Uživatelská zkušenost:
Šetří čas s dlouhými seznamy. Uživatelé mohou vybrat vše a poté zrušit zaškrtnutí konkrétních výjimek.
✏️ Možnost „Jiné“ s textovým vstupem
Kolekce vlastních odpovědí:
Přidejte zaškrtávací políčko „Jiné“, které po zaškrtnutí zobrazí textové pole. Uživatelé si mohou zadat vlastní odpověď, pokud jim přednastavené možnosti nevyhovují.
Jak to funguje:
- Zaškrtávací políčko „Jiné“ se zobrazí ve spodní části seznamu
- Po zaškrtnutí se zobrazí pole pro zadávání textu
- Uživatelé zadávají vlastní odpověď
- Odesílá se jak výběr zaškrtávacího políčka, tak i text.
Případy užití:
- „Preferovaný způsob kontaktu: …Jiný (prosím upřesněte)“
- „Zájmy: …Další témata“
- „Jak jste se o nás dozvěděli: …Jiný zdroj“
- Jakýkoli seznam, který nemůže
Výhody:
Zachycuje neočekávané reakce, poskytuje flexibilitu, zabraňuje výběru „nuceného přizpůsobení“ a zlepšuje kvalitu dat.
❌ Možnost „Žádná z výše uvedených“
Výhradní nevýběr:
Přidejte možnost „Žádná z výše uvedených“, která po kliknutí automaticky zruší zaškrtnutí všech ostatních možností.
Chytrá exkluzivita:
- Pokud je zaškrtnuto „Žádné“, zaškrtnutí všech ostatních možností se automaticky zruší.
- Pokud je zaškrtnuta jakákoli jiná možnost, zaškrtnutí možnosti „Žádná“ se automaticky zruší.
- Poskytuje jasný způsob, jak označit, že se nevztahují žádné výběry
- Zabraňuje protichůdným výběrům
Případy užití:
- Volitelné preferenční otázky
- „Vyberte všechny alergie: …Žádná z výše uvedených“
- Kvalifikační dáma
- Výběr zájmů
Proč zahrnout:
Zabraňuje opuštění formuláře, ukazuje důkladnost, nabízí explicitní možnost odmítnutí a zlepšuje přesnost dat.
📊 Ovládací prvky výběru min./max.
Výběr ovládání Množství:
Nastavte minimální a maximální počet zaškrtávacích políček, která musí/lze zaškrtnout.
Minimální výběr:
Požadovat, aby uživatelé vybrali alespoň X možností. Formulář se odešle až po splnění požadavku.
Příklady:
- „Vyberte alespoň 2 zájmy“ (Min: 2)
- „Vyberte minimálně 3 preference“ (Min: 3)
- „Vyberte alespoň 1 možnost“ (Min: 1)
Maximální výběr:
Omezte výběr uživatelů na maximálně X možností. Zaškrtávací políčka se po dosažení limitu deaktivují.
Příklady:
- „Vyberte si 3 nejdůležitější vlastnosti“ (Max.: 3)
- „Vyberte až 5 služeb“ (Max.: 5)
- „Vyberte maximálně 2 možnosti“ (Max.: 2)
Vymazat zpětnou vazbu:
Uživatelům se zobrazují ověřovací zprávy typu „Vyberte prosím alespoň 2 možnosti“ nebo „Povoleny jsou maximálně 3 možnosti“.
🔧 Snadná správa možností
Plná kontrola nad možnostmi:
- Přidat možnosti – Zadejte text a stiskněte Enter nebo klikněte na „Přidat možnost“. Seznamy zaškrtávacích políček se vytvoří během několika sekund.
- Možnosti úprav – Aktualizujte zobrazovaný text (co uživatelé vidí) a hodnoty (co se odesílá) nezávisle na sobě.
- Výchozí zaškrtnutí – Zaškrtněte políčko vedle každé možnosti a předem zaškrtněte konkrétní políčka.
- Možnosti změny pořadí – Pomocí šipek nahoru/dolů uspořádejte zaškrtávací políčka v dokonalém pořadí.
- Možnosti odstranění – Odstraňte nepotřebné možnosti jedním kliknutím.
Zobrazení vs. hodnota:
- Štítek: Co uživatelé vidí (např. „Aktualizace e-mailem“)
- Hodnota: Co je uloženo (např. „email_updates“)
Hromadná budova:
Rychlé přidání více možností psaním, stisknutím klávesy Enter, psaním a stisknutím klávesy Enter – rychlé vytvoření seznamu zaškrtávacích políček.
☑️ Funkce jednoho zaškrtávacího políčka
Možnosti přizpůsobení:
Text popisku zaškrtávacího políčka:
Text zobrazený vedle zaškrtávacího políčka. Musí být jasný a konkrétní (např. „Souhlasím s přijímáním marketingových e-mailů“).
Výchozí zaškrtnutý stav:
Zaškrtněte políčko předem při načítání formuláře. Používejte opatrně – uživatelé by měli vědomě zaškrtnout políčka souhlasu.
Vlastní odeslaná hodnota:
Nastavte, jaká hodnota se odešle po zaškrtnutí (obvykle „ano“, „1“ nebo „true“). Výchozí hodnota je „ano“.
Požadované ověření:
Zaškrtávací políčko musí být povinné. Uživatelé jej musí zaškrtnout, aby mohli formulář odeslat. Ideální pro povinné dohody.
🔀 Podmíněná logika
Viditelnost dynamického zaškrtávacího políčka:
Zobrazit nebo skrýt zaškrtávací políčka na základě jiných hodnot formuláře. Možnosti zobrazit pouze v případě potřeby.
Pokročilá logická pravidla:
Logika AND – Všechny podmínky musí být splněny
Logika NEBO – Akci může spustit jakákoli podmínka.
8 operátorů – Rovná se, Nerovná se, Větší než, Menší než, Obsahuje, Je prázdné a další
Případy užití:
Zobrazit zaškrtávací políčka „Předvolby dopravy“ pouze v případě, že je zaškrtnuto políčko „Vyžaduje dopravu“
Zobrazit „Témata newsletteru“, pokud je zaškrtnuto políčko pro odběr
Zobrazit „Doplňkové služby“, pokud je typ služby roven „Prémiové“
Skrýt „Možnosti slev“, pokud je celková cena objednávky nižší než 50 USD
🎯 Vylepšený uživatelský zážitek
Vestavěné chytré funkce:
- Vizuální indikátory – Zaškrtávací políčka s správným rozestupem – zrušte jejich zaškrtnutí
- Navigace na klávesnici – Snadné procházení možností pomocí klávesy Tab
- Dotykové ovládání – Velké cílové plochy pro mobilní zařízení
- Výchozí výběry – Předběžná kontrola konkrétních možností
- Vlastní CSS třídy – Použití stylů na skupiny zaškrtávacích políček
- Podpora přístupnosti – štítky ARIA, kompatibilní s čtečkou obrazovky
- Optimalizováno pro mobilní zařízení – ideální velikosti zaškrtávacích políček pro dotykové ovládání
- Jasné popisky – čitelný text se správným zarovnáním
- Požadované ověření – Vymazání chybových hlášení
- Text nápovědy – Přidání popisů pro složité skupiny zaškrtávacích políček
Jednoduché nastavení ve 3 krocích
Připravte si zaškrtávací políčko během několika minut
Přidat zaškrtávací políčko
Přetáhněte pole Zaškrtávací políčko ze sekce Základní pole do formuláře.
Zvolte Režim
Pro otázky s odpovědí ano/ne vyberte „Jedno zaškrtávací políčko“ nebo pro otázky s výběrem více možností „Více zaškrtávacích políček“.
Možnosti konfigurace
Pro jeden: nastavte popisek a hodnotu zaškrtávacího políčka. Pro více: přidejte možnosti, vyberte rozvržení, volitelně povolte možnosti „Vybrat vše“ nebo „Jiné“ a nastavte minimální/maximální výběr.
???? To je vše! Vaše zaškrtávací políčko je připraveno s inteligentním ověřováním.
Aplikace v reálném světě
Dohody a souhlas
* Souhlas s obchodními podmínkami
* Zásady ochrany osobních údajů
* Souhlas s odběrem e-mailů
* Předplatné newsletteru
Průzkumy a zpětná vazba
* Otázky typu „Vyberte vše, co se hodí“
* Výběr z více úroků
* Sbírka preferencí funkcí
* Výběr tématu zájmu
E-commerce
* Výběr funkcí produktu
* Doplňky služeb
* Možnosti dopravy
* Předvolby oznámení
Registrační formuláře
* Komunikační preference
* Kategorie zájmů
* Nastavení oprávnění
* Výběr přístupu k funkcím
Aplikace
* Kvalifikační dáma
* Výběr dovedností
* Oblasti zájmu
* Možnosti dostupnosti
Nastavení a předvolby
* Nastavení účtu
* Možnosti ochrany osobních údajů
* Možnosti oznámení
* Přepínače funkcí
Možnosti kompletního pole
Základní konfigurace
- Popisek pole – Otázka nebo název zobrazený nad zaškrtávacími políčky
- Popis/Nápověda – Další pokyny pro uživatele
- Povinné pole – Nastavit zaškrtávací políčka jako povinná
- Zástupný symbol – Nelze použít pro zaškrtávací políčka
Režim zaškrtávacího políčka
Vyberte typ režimu:
- Jedno zaškrtávací políčko – otázka s odpovědí Ano/Ne, souhlas nebo přihlášení k odběru (jedno zaškrtávací políčko)
- Více zaškrtávacích políček – Možnosti vícenásobného výběru (více zaškrtávacích políček)
Možnosti jednoho zaškrtávacího políčka
- Text vedle zaškrtávacího políčka – Popisek zobrazený vedle zaškrtávacího políčka (např. „Souhlasím s podmínkami“)
- Začátek zaškrtnutý – Zaškrtávací políčko je předem zaškrtnuto při načtení formuláře
- Hodnota při zaškrtnutí – Hodnota dat uložená při zaškrtnutí (výchozí: „ano“)
Možnosti více zaškrtávacích políček
Styl rozvržení:
- Stohované (jeden na řádek) – Vertikální uspořádání
- Vedle sebe (v řadě) – Horizontální uspořádání
- Mřížka (více sloupců) – 2sloupcové rozvržení mřížky
Možnosti zaškrtávacího políčka:
Vytvořte si seznam možností:
- Zobrazovaný text – Co uživatelé vidí (např. „E-mail“)
- Hodnota – Co je odesláno (např. „e-mail“)
- Výchozí zaškrtnutí – Předvolba konkrétních možností
- Změnit pořadí – Přesunout možnosti nahoru/dolů
- Smazat – Odebrat možnosti
Speciální možnosti:
- Přidat možnost „Vybrat vše“ – Přidá zaškrtávací políčko nahoře, které vybere/zruší výběr všech možností
- Přidat možnost „Jiné“ s textovým polem – Přidá možnost „Jiné“ s textovým polem pro vlastní odpovědi
- Přidat možnost „Žádná z výše uvedených“ – Přidá exkluzivní možnost, která po vybrání zruší zaškrtnutí všech ostatních možností.
Limity výběru:
- Minimální požadovaný počet výběrů – Nejmenší počet zaškrtávacích políček, která musí být zaškrtnuta (např. 2)
- Maximální povolený počet výběrů – Nejvíce zaškrtávacích políček, která lze vybrat (např. 5)
Podmíněná logika
- Povolit podmíněnou logiku – Zobrazit/skrýt na základě podmínek
- Typ logiky
- Všechny podmínky musí být splněny (A)
- Jakákoli podmínka může být splněna (NEBO)
- Pravidla podmínek
- Zobrazit/Skrýt – Akce, kterou je třeba provést
- Pole – Které pole zkontrolovat
- Operátor – Rovná se, Nerovná se, Obsahuje, Větší než, Menší než, Je prázdné, Není prázdné
- Hodnota – Porovnávací hodnota
- Více podmínek – Přidejte neomezený počet pravidel
Pokročilé možnosti
- Skryté pole – Zneviditelnit pole (nedoporučuje se pro zaškrtávací políčka)
- Vlastní CSS třídy – Použití vlastních stylů
- Atributy přístupnosti – štítky ARIA pro čtečky obrazovky
Proč si vybrat naše zaškrtávací políčko?
(Tj. Dva režimy – Jedno zaškrtávací políčko nebo více zaškrtávacích políček v jednom typu pole
(Tj. Flexibilní rozložení – Vertikální, horizontální nebo mřížkové uspořádání
(Tj. Vybrat vše – Výběr jedním kliknutím pro větší pohodlí
(Tj. Jiná možnost – Zadávání textu pro vlastní odpovědi
(Tj. Žádná možnost – Výhradní volba bez možnosti výběru
(Tj. Minimální/maximální limity – Množství výběru kontroly
(Tj. Snadná správa – Bez námahy přidávat, upravovat, měnit pořadí a mazat možnosti
(Tj. Uživatelsky přívětivý – Jasné štítky, správné rozestupy, dotykové ovládání
(Tj. Plně integrovaný – Funguje bez problémů se všemi funkcemi formuláře
Často kladené dotazy
Otázka: Jaký je rozdíl mezi režimem s jedním a více zaškrtávacími políčky?
Jednoduchý režim zobrazuje jedno zaškrtávací políčko pro rozhodnutí ano/ne. Vícenásobný režim zobrazuje několik zaškrtávacích políček, kde si uživatelé mohou vybrat více než jednu možnost.
Otázka: Mohou uživatelé zaškrtnout všechna políčka najednou?
Ano. Povolte možnost „Vybrat vše“, chcete-li přidat zaškrtávací políčko, které jedním kliknutím zaškrtne nebo zruší zaškrtnutí všech možností.
Otázka: Jak funguje výběr min/max?
Možnost Minimum zajistí, že uživatelé vyberou alespoň určitý počet možností. Možnost Maximum omezí počet zaškrtávacích políček, která si mohou vybrat.
Otázka: Co dělá možnost „Jiné“?
Přidá další zaškrtávací políčko s označením „Jiné“. Po zaškrtnutí se zobrazí textové pole, do kterého mohou uživatelé zadat vlastní odpověď.
Otázka: Jak funguje možnost „Nic z výše uvedeného“?
Funguje jako výhradní volba. Pokud je zaškrtnuta, všechna ostatní zaškrtávací políčka se zruší. Pokud je zaškrtnuta jakákoli jiná možnost, volba „Žádné“ se automaticky zruší.
Otázka: Mohu předem zaškrtnout určitá políčka?
Ano. Pro jeden režim zapněte možnost „Spustit zaškrtnuté“. Pro více režimů zaškrtněte malé políčko vedle každé možnosti, kterou chcete vybrat jako výchozí.
Otázka: Mám předem zaškrtnout políčka dohody?
Ne. V případě zásad, podmínek a souhlasu by uživatelé měli sami aktivně zaškrtnout políčko.
Otázka: Mohu změnit pořadí zaškrtávacích políček?
Ano. Pomocí šipek nahoru a dolů vedle jednotlivých možností můžete jejich pořadí změnit dle libosti.
Otázka: Jaký je rozdíl mezi zobrazovaným textem a hodnotou?
Zobrazovaný text je to, co vidí uživatelé. Hodnota je to, co se ukládá do vaší databáze pro zajištění čistých a konzistentních dat.
Otázka: Mohu použít podmíněnou logiku se zaškrtávacími políčky?
Ano. Aktivujte další pole na základě výběrů pomocí operátorů jako „Rovná se“, „Je prázdné“ nebo „Není prázdné“.
Otázka: Jak vytvořím povinné zaškrtávací políčko?
Povolte „Povinné pole“. Pro jeden režim musí být políčko zaškrtnuto. Pro více režimů musí uživatelé vybrat alespoň jednu možnost nebo splnit minimální požadavek.
Otázka: Mohou uživatelé po zaškrtnutí změnit výběr?
Ano. Před odesláním formuláře mohou libovolně zaškrtnout nebo zrušit zaškrtnutí libovolné možnosti. Možnost „Vybrat vše“ lze také kdykoli přepnout.
