Jelölőnégyzet mező
Könnyedén gyűjthetsz össze megállapodásokat és több választási lehetőséget. Az egyszerű igen/nem jelölőnégyzetektől kezdve a „Mind kijelölése” funkcióval ellátott többválasztós listákon át a min/max vezérlőkig és az intelligens elrendezésekig – a Jelölőnégyzet mező hatékony validációval és felhasználóbarát beállításokkal kezeli az egyszeres megállapodásokat és a feleletválasztós kérdéseket.
Két mód minden jelölőnégyzet-igényhez
Tökéletes:
Hatékony funkciók minden felhasználási esetre
Két jelölőnégyzet mód
Egyetlen jelölőnégyzetes mód:
Egyetlen jelölőnégyzet az igen/nem kérdésekhez, a megállapodásokhoz vagy a feliratkozásokhoz. Tökéletes a feltételek elfogadásához, hírlevél-feliratkozásokhoz és hozzájáruló nyilatkozatokhoz.
Használási esetek:
- „Elfogadom a feltételeket”
- „Iratkozz fel a hírlevélre”
- „Igen, szeretnék frissítéseket kapni”
- „Megerősítem, hogy ez az információ pontos”
Jellemzők:
- Egyéni jelölőnégyzet címkéjének szövege
- Alapértelmezett bejelölt/nem bejelölt állapot
- Egyénileg beküldött érték (igen, 1, igaz stb.)
- Kötelező érvényesítési lehetőség
Többszörös jelölőnégyzet mód:
Több lehetőség, ahol a felhasználók több lehetőséget is kiválaszthatnak. Tökéletes az „Összes megfelelő kiválasztása” kérdésekhez, a preferenciagyűjtéshez és a több választást igénylő kérdőívekhez.
Használási esetek:
- „Melyik funkciók érdekelnek?” (több válasz is lehetséges)
- „Válassza ki a kívánt kapcsolatfelvételi módokat”
- „Válassza ki az összes szükséges szolgáltatást”
- „Milyen témák érdekelnek?” (Több lehetőség is van)
Jellemzők:
- Korlátlan számú jelölőnégyzet
- Három elrendezési stílus
- „Összes kijelölése” opció
- Min/max kiválasztási korlátok
- „Egyéb” szövegbevitellel
- „A fentiek egyike sem” exkluzív opció
🎨 Három elrendezési lehetőség (több mód)
Függőleges (halmozott) elrendezés:
A jelölőnégyzetek soronként egyként jelennek meg, függőlegesen egymásra halmozva. A legolvashatóbb elrendezés hosszabb opciófeliratokhoz.
Legjobb:
- Hosszú opció szöveg
- 3-10 lehetőség
- Mobil-első űrlapok
- Maximális olvashatóság
Vízszintes (egymás melletti) elrendezés:
A jelölőnégyzetek egy sorban, egymás mellett jelennek meg. Kompakt elrendezés rövid címkékhez.
Legjobb:
- 2-5 rövid opció
- Kompakt formák
- Asztali elrendezések
- Térhatékonyság
Rácsos (több oszlopos) elrendezés:
Jelölőnégyzetek kétoszlopos rácsban elrendezve. Kiegyensúlyozott elrendezés, amely helyet takarít meg, miközben megőrzi az olvashatóságot.
Legjobb:
- 4-12 lehetőség
- Közepes hosszúságú címkék
- Kiegyensúlyozott kialakítás
- Szakmai megjelenés
Reagáló viselkedés:
Minden elrendezés automatikusan alkalmazkodik a mobilképernyőkhöz, és szükség esetén egymásra épül a jobb érintéses interakció érdekében.
✨ „Összes kijelölése” opció
Kiválasztás egy kattintással:
Helyezz el egy speciális „Összes kijelölése” jelölőnégyzetet a lista tetején. A felhasználók egyetlen kattintással bejelölhetik/eltávolíthatják az összes opciót.
Okos viselkedés:
- Az összes szokásos opciót egyszerre ellenőrzi
- Újrakattintva az összes kijelölését törli
- Automatikusan eltávolítja a jelet, ha bármelyik opció nincs kiválasztva
- Meghatározatlan állapotot mutat, ha néhány (nem az összes) opció ki van választva
- Kizárja a „Fentiek egyike sem” opciót az összes kijelölése közül
Tökéletes:
- Hosszú jelölőnégyzetek listái (5+ lehetőség)
- Űrlapok, ahol a felhasználók gyakran mindent kiválasztanak
- „Jelölje be az összes megfelelőt” kérdések
- Engedélyek és funkciók kiválasztása
Felhasználói tapasztalat:
Időt takarít meg a hosszú listákon. A felhasználók kiválaszthatják az összeset, majd eltávolíthatják a kijelölést bizonyos kivételekről.
✏️ „Egyéb” opció szövegbevitellel
Egyéni válaszgyűjtemény:
Hozzáad egy „Egyéb” jelölőnégyzetet, amelynek kiválasztása esetén egy szövegmező jelenik meg. A felhasználók megadhatják saját válaszukat, ha az előre beállított lehetőségek nem illenek bele.
Hogyan működik:
- Az „Egyéb” jelölőnégyzet a lista alján jelenik meg.
- Ha be van jelölve, megjelenik a szövegbeviteli mező
- A felhasználók egyéni választ írnak be
- Mind a jelölőnégyzet kiválasztása, mind a szöveg elküldésre kerül
Használási esetek:
- „Előnyben részesített kapcsolatfelvételi mód: …Egyéb (kérjük, pontosítsa)”
- „Érdeklődési körök: …Egyéb témák”
- „Honnan hallott rólunk: …Egyéb forrás”
- Bármely lista, ami nem tud együttműködni
Előnyök:
Rögzíti a váratlan válaszokat, rugalmasságot biztosít, megakadályozza a „kényszerített illesztés” kiválasztását, és javítja az adatminőséget.
❌ „Egyik sem” opció
Kizárólagos, nem kiválasztható:
Adjon hozzá egy „A fentiek egyike sem” opciót, amely kattintásra automatikusan eltávolítja az összes többi kijelölést.
Intelligens exkluzivitás:
- Ha a „Nincs” be van jelölve, az összes többi opció bejelölése automatikusan törlődik.
- Ha bármilyen más opció be van jelölve, a „Nincs” automatikusan eltávolítja a jelet.
- Egyértelmű módot biztosít annak jelzésére, hogy nincsenek kijelölések érvényben
- Megakadályozza az ellentmondásos kiválasztásokat
Használási esetek:
- Opcionális preferencia kérdések
- „Válassza ki az összes allergiát: …Egyik sem”
- Minősítő ellenőrzők
- Érdeklődési körök kiválasztása
Miért érdemes belefoglalni:
Megakadályozza az űrlap elhagyását, alaposságot mutat, explicit negatív opciót biztosít, és javítja az adatok pontosságát.
📊 Min/Max kiválasztási vezérlők
Szabályozási kiválasztási mennyiség:
Állítsa be a kötelezően/maximálisan kijelölhető jelölőnégyzetek számát.
Minimális választási lehetőségek:
A felhasználóknak legalább X lehetőséget kell kiválasztaniuk. Az űrlap nem kerül elküldésre, amíg a követelmény nem teljesül.
Példák:
- „Válasszon legalább 2 érdeklődési kört” (Min: 2)
- „Válasszon legalább 3 preferenciát” (Min: 3)
- „Válasszon legalább egy lehetőséget” (Min: 1)
Maximális választási lehetőségek:
A felhasználók legfeljebb X lehetőség kiválasztására jogosultak. A jelölőnégyzetek a korlát elérése után letiltásra kerülnek.
Példák:
- „Válassza ki a 3 legfontosabb tulajdonságát” (Maximum: 3)
- „Válasszon ki legfeljebb 5 szolgáltatást” (Maximum: 5)
- „Legfeljebb 2 lehetőséget válasszon” (Maximum: 2)
Visszajelzés törlése:
A felhasználók olyan érvényesítési üzeneteket látnak, mint például a „Kérjük, válasszon legalább 2 lehetőséget” vagy a „Maximum 3 választási lehetőség engedélyezett”.
🔧 Egyszerű opciókezelés
Teljes kontroll a választási lehetőségek felett:
- Opciók hozzáadása – Írja be a kívánt mezőt, majd nyomja meg az Enter billentyűt, vagy kattintson az „Opció hozzáadása” gombra. Másodpercek alatt létrehozhat jelölőnégyzeteket.
- Szerkesztési beállítások – A megjelenített szöveg (amit a felhasználók látnak) és az értékek (amit elküldenek) egymástól függetlenül frissíthetők.
- Alapértelmezett bejelölve – Előre kijelölheti az egyes jelölőnégyzeteket az egyes lehetőségek melletti négyzet bejelölésével.
- Átrendezési beállítások – A fel/le nyilakkal rendezheti el a jelölőnégyzeteket tökéletes sorrendbe.
- Beállítások törlése – Egyetlen kattintással eltávolíthatja a nem kívánt beállításokat.
Megjelenítés vs. érték:
- Címke: Amit a felhasználók látnak (pl. „E-mail frissítések”)
- Érték: A tárolt adatok (pl. „email_updates” (email_frissítések))
Tömeges épület:
Több opció gyors hozzáadása gépeléssel, Enter billentyű lenyomásával, gépeléssel, Enter billentyű lenyomásával – gyors jelölőnégyzetlista létrehozása.
☑️ Egyetlen jelölőnégyzet funkciói
Testreszabási lehetőségek:
Jelölőnégyzet feliratának szövege:
A jelölőnégyzet mellett megjelenő szöveg. Legyen egyértelmű és konkrét (pl. „Hozzájárulok marketing e-mailek fogadásához”).
Alapértelmezett bejelölt állapot:
Előre jelölje be a négyzetet, amikor az űrlap betöltődik. Használja körültekintően – a felhasználóknak tudatosan kell bejelölniük a beleegyezésüket jelző négyzeteket.
Egyénileg beküldött érték:
Állítsa be, hogy milyen érték kerüljön elküldésre bejelölés esetén (általában „igen”, „1” vagy „igaz”). Az alapértelmezett érték „igen”.
Kötelező érvényesítés:
Kötelezővé tenni a jelölőnégyzetet. A felhasználóknak be kell jelölniük az űrlap elküldéséhez. Tökéletes a kötelező megállapodásokhoz.
🔀 Feltételes logika
Dinamikus jelölőnégyzet láthatósága:
Jelölőnégyzet mezők megjelenítése vagy elrejtése más űrlapértékek alapján. A beállítások csak akkor jelenjenek meg, ha relevánsak.
Haladó logikai szabályok:
ÉS Logika – Minden feltételnek teljesülnie kell
VAGY logika – Bármely feltétel kiválthatja a műveletet
8 operátor – Egyenlő, Nem egyenlő, Nagyobb, mint, Kisebb, Tartalmaz, Üres és egyebek
Használási esetek:
A „Szállítási beállítások” jelölőnégyzetek csak akkor jelenjenek meg, ha a „Szállítás szükséges” jelölőnégyzet be van jelölve.
„Hírlevél témák” megjelenítése, ha a feliratkozás jelölőnégyzet be van jelölve
„Kiegészítő szolgáltatások” megjelenítése, ha a szolgáltatás típusa „Prémium”
„Kedvezménylehetőségek” elrejtése, ha a rendelés teljes összege kevesebb, mint 50 USD
🎯 Továbbfejlesztett felhasználói élmény
Beépített intelligens funkciók:
- Vizuális jelzők – Tiszta jelölőnégyzetek megfelelő térközzel
- Billentyűzetnavigáció – Tab billentyűvel könnyedén végiglépkedhet a beállításokon
- Érintésbarát – Nagy koppintási célpontok mobilra
- Alapértelmezett beállítások – Előzetes ellenőrzés a megadott beállításoknál
- Egyéni CSS osztályok – Stílus alkalmazása jelölőnégyzetcsoportokra
- Akadálymentesítési támogatás – ARIA címkék, képernyőolvasó-kompatibilis
- Mobilra optimalizált – Tökéletes jelölőnégyzetméretek érintésvezérléshez
- Átlátható címkék – Olvasható szöveg megfelelő igazítással
- Kötelező validáció – Hibaüzenetek törlése
- Súgószöveg – Összetett jelölőnégyzet-csoportok leírásainak hozzáadása
Egyszerű beállítás 3 lépésben
Készítse elő a jelölőnégyzet mezőjét percek alatt
Jelölőnégyzet mező hozzáadása
Húzd át a Jelölőnégyzet mezőt az Alapmezők szakaszból az űrlapra.
Válassza a Mód lehetőséget
Igen/nem kérdésekhez válassza az „Egy jelölőnégyzet” lehetőséget, többszörös választási lehetőségekhez pedig a „Több jelölőnégyzet” lehetőséget.
Beállítások konfigurálása
Egyetlen elem esetén: jelölőnégyzet címkéjének és értékének beállítása. Több elem esetén: adjon hozzá opciókat, válasszon elrendezést, opcionálisan engedélyezze az „Összes kijelölése” vagy az „Egyéb” opciókat, és állítsa be a minimális/maximális kijelölést.
???? Kész is! A jelölőnégyzet meződ készen áll az intelligens érvényesítéssel.
Valós alkalmazások
Megállapodások és beleegyezés
* Felhasználási feltételek elfogadása
* Adatvédelmi irányelvek
* E-mailes hozzájárulási lehetőségek
* Hírlevél-feliratkozások
Felmérések és visszajelzések
* „Jelölje be az összes megfelelőt” kérdések
* Több érdeklődési kör kiválasztása
* Jellemzőbeállítások gyűjteménye
* Témaválasztás érdeklődési köre
E-commerce
* Termékjellemzők kiválasztása
* Szolgáltatáskiegészítők
* Szállítási lehetőségek
* Értesítési beállítások
Regisztrációs űrlapok
* Kommunikációs beállítások
* Érdeklődési kategóriák
* Engedélybeállítások
* Funkcióhozzáférés kiválasztása
Alkalmazási területek
* Minősítő ellenőrzők
* Képességválasztás
* Érdeklődési területek
* Elérhetőségi lehetőségek
Beállítások és preferenciák
* Fiókbeállítások
* Adatvédelmi beállítások
* Értesítési lehetőségek
* Funkcióváltások
Teljes mezőbeállítások
Alapvető konfiguráció
- Mezőcímke – A jelölőnégyzetek felett látható kérdés vagy cím
- Leírás/Súgószöveg – További útmutatás a felhasználóknak
- Kötelező mező – Jelölőnégyzet(ek) kitöltése kötelező
- Helyőrző – Nem alkalmazható jelölőnégyzetekre
Jelölőnégyzet mód
Válasszon módot:
- Egyetlen jelölőnégyzet – Igen/Nem kérdés, egyetértés vagy beleegyezés (egy jelölőnégyzet)
- Többszörös jelölőnégyzetek – Többszörös kiválasztási lehetőségek (több jelölőnégyzet)
Egyetlen jelölőnégyzet beállításai
- Szöveg a jelölőnégyzet mellett – A jelölőnégyzet mellett megjelenő címke (pl. „Elfogadom a feltételeket”)
- Bejelölve indításkor – A jelölőnégyzet előre be van jelölve az űrlap betöltésekor
- Érték ellenőrzéskor – Az adat értéke az ellenőrzéskor kerül tárolásra (alapértelmezett: „igen”)
Több jelölőnégyzet beállításai
Elrendezés stílusa:
- Halmozott (soronként egy) – Függőleges elrendezés
- Egymás mellett (sorban) – Vízszintes elrendezés
- Rács (több oszlop) – 2 oszlopos rácsos elrendezés
Jelölőnégyzet beállításai:
Állítsd össze a választási listádat:
- Megjelenített szöveg – Amit a felhasználók látnak (pl. „E-mail”)
- Érték – Amit beküldtek (pl. „email”)
- Alapértelmezetten bejelölve – Előre kiválasztandó adott opciók
- Újrarendezés – Opciók mozgatása fel/le
- Törlés – Eltávolítási lehetőségek
Különleges lehetőségek:
- „Összes kijelölése” opció hozzáadása – Felül egy jelölőnégyzetet ad hozzá, amellyel az összes lehetőséget kiválaszthatja/kiválaszthatja.
- „Egyéb” opció hozzáadása szövegmezővel – Hozzáad egy „Egyéb” opciót szövegmezővel az egyéni válaszokhoz
- „A fentiek egyike sem” opció hozzáadása – Kizárólagos opciót ad hozzá, amely kiválasztásakor az összes többit kikapcsolja
Kiválasztási korlátok:
- Minimálisan szükséges kiválasztások – A lehető legkevesebb kijelölendő jelölőnégyzet (pl. 2)
- Maximális kijelölések száma – A legtöbb jelölőnégyzet kiválasztható (pl. 5)
Feltételes logika
- Feltételes logika engedélyezése – Megjelenítés/elrejtés feltételek alapján
- Logikai típus
- Minden feltételnek teljesülnie kell (ÉS)
- Bármely feltétel teljesíthető (VAGY)
- Feltételszabályok
- Megjelenítés/elrejtés – Végrehajtandó művelet
- Mező – Melyik mezőt kell ellenőrizni
- Operátorok – Egyenlő, Nem egyenlő, Tartalmaz, Nagyobb, mint, Kisebb, Üres, Nem üres
- Érték – Összehasonlítási érték
- Több feltétel – Korlátlan számú szabály hozzáadása
Speciális beállítások
- Rejtett mező – Mező láthatatlanná tétele (jelölőnégyzetekhez nem ajánlott)
- Egyéni CSS osztályok – Egyéni stílus alkalmazása
- Akadálymentesítési attribútumok – ARIA címkék képernyőolvasókhoz
Miért válassza a jelölőnégyzet mezőnket?
✅ Két mód – Egyetlen jelölőnégyzet vagy több jelölőnégyzet egy mezőtípusban
✅ Rugalmas elrendezések – Függőleges, vízszintes vagy rácsos elrendezés
✅ Az összes kijelölése – Egy kattintásos kijelölés a kényelem érdekében
✅ Egyéb lehetőség – Szövegbevitel egyéni válaszokhoz
✅ Nincs opció – Kizárólagos, nem választható választás
✅ Min/Max határértékek – Szabályozott mennyiség
✅ Egyszerű kezelés – Opciók hozzáadása, szerkesztése, átrendezése és törlése könnyedén
✅ Felhasználóbarát – Világos címkék, megfelelő térközök, érintésbarát
✅ Teljesen integrált – Zökkenőmentesen működik minden űrlapfunkcióval
Gyakran ismételt kérdések
K: Mi a különbség az egy és a több jelölőnégyzetes módok között?
Egyetlen módban egy jelölőnégyzet látható az igen/nem döntésekhez. Többszörös módban több jelölőnégyzet látható, ahol a felhasználók egynél több lehetőséget is kiválaszthatnak.
K: A felhasználók egyszerre bejelölhetik az összes jelölőnégyzetet?
Igen. Engedélyezze az „Összes kijelölése” opciót egy jelölőnégyzet hozzáadásához, amely egyetlen kattintással bejelöli vagy eltávolítja az összes opciót.
K: Hogyan működnek a min/max kiválasztások?
A minimum érték biztosítja, hogy a felhasználók legalább egy bizonyos számú lehetőséget kiválasszanak. A maximum érték korlátozza a kiválasztható jelölőnégyzetek számát.
K: Mit csinál az „Egyéb” opció?
Hozzáad egy „Egyéb” feliratú jelölőnégyzetet. Ha bejelöli, megjelenik egy szövegmező, így a felhasználók egyéni választ adhatnak meg.
K: Hogyan működik a „Fentiek egyike sem” funkció?
Kizárólagos választásként működik. Ha be van jelölve, az összes többi jelölőnégyzet törlése történik. Ha bármely más lehetőség be van jelölve, a „Nincs” jelölőnégyzet bejelölése automatikusan törlődik.
K: Előre bejelölhetek bizonyos jelölőnégyzeteket?
Igen. Egyszeres módhoz kapcsolja be a „Kijelölt indítása” opciót. Többszörös módhoz jelölje be a kis jelölőnégyzetet minden olyan opció mellett, amelyet alapértelmezés szerint ki szeretne választani.
K: Előre be kell jelölnöm a megállapodások négyzeteit?
Nem. A szabályzatok, feltételek és hozzájárulás tekintetében a felhasználóknak maguknak kell aktívan bejelölniük a négyzetet.
K: Meg lehet változtatni a jelölőnégyzetek sorrendjét?
Igen. Az egyes opciók melletti fel és le nyilakkal tetszés szerint átrendezheted őket.
K: Mi a különbség a megjelenített szöveg és az érték között?
A megjelenített szöveg az, amit a felhasználók látnak. Az érték az, ami az adatbázisban tárolódik a tiszta és konzisztens adatok érdekében.
K: Használhatok feltételes logikát a jelölőnégyzetekkel?
Igen. Más mezőket is aktiválhat a kiválasztott mezők alapján olyan operátorok használatával, mint az „Egyenlő”, az „Üres” vagy a „Nem üres”.
K: Hogyan hozhatok létre egy kötelező jelölőnégyzetet?
Engedélyezze a „Kötelező mező” lehetőséget. Egyszeres mód esetén a jelölőnégyzetet be kell jelölni. Többszörös mód esetén a felhasználóknak legalább egy lehetőséget ki kell választaniuk, vagy meg kell felelniük a minimális követelménynek.
K: Módosíthatják-e a felhasználók a kiválasztott elemeket az ellenőrzés után?
Igen. Az űrlap elküldése előtt szabadon bejelölhetik vagy eltávolíthatják a jelölést bármely opcióból. Az „Összes kijelölése” lehetőség is bármikor ki- és bekapcsolható.
