Patlang ng Checkbox
Madaling mangolekta ng mga kasunduan at maraming seleksyon. Mula sa mga simpleng checkbox na oo/hindi hanggang sa mga listahang may maraming pagpipilian na may "Piliin Lahat," mga kontrol na minimum/maximum, at mga smart layout – ang field na Checkbox ay humahawak sa mga tanong na may iisang kasunduan at maraming pagpipilian na may mahusay na pagpapatunay at mga opsyong madaling gamitin.
Dalawang Mode para sa Bawat Pangangailangan sa Checkbox
Perpekto para sa:
Mga Makapangyarihang Tampok para sa Bawat Gamit
Dalawang Mode ng Checkbox
Mode ng Isang Checkbox:
Isang checkbox para sa mga tanong na oo/hindi, kasunduan, o opt-in. Perpekto para sa pagtanggap ng mga tuntunin, mga subscription sa newsletter, at mga form ng pahintulot.
Gumamit ng Mga Kaso:
- "Sumasang-ayon ako sa mga tuntunin at kundisyon"
- "Mag-subscribe sa akin sa newsletter"
- "Oo, gusto kong makatanggap ng mga update"
- "Kinukumpirma ko na ang impormasyong ito ay tumpak"
Mga tampok:
- Teksto ng label na pasadyang checkbox
- Default na naka-check/hindi naka-check na estado
- Pasadyang isinumiteng halaga (oo, 1, totoo, atbp.)
- Kinakailangang opsyon sa pagpapatunay
Mode ng Maramihang Mga Checkbox:
Maraming opsyon kung saan maaaring pumili ang mga user ng ilang pagpipilian. Perpekto para sa mga tanong na "Piliin ang lahat ng naaangkop", pangongolekta ng kagustuhan, at mga survey na may maraming pagpipilian.
Gumamit ng Mga Kaso:
- "Aling mga tampok ang interesado ka?" (maraming pagpipilian)
- "Piliin ang iyong gustong mga paraan ng pakikipag-ugnayan"
- "Piliin ang lahat ng serbisyong kailangan mo"
- "Anong mga paksa ang interesado ka?" (lagyan ng tsek ang marami)
Mga tampok:
- Walang limitasyong mga opsyon sa checkbox
- Tatlong istilo ng layout
- Opsyon na "Piliin Lahat"
- Mga limitasyon sa pagpili ng minimum/maximum
- "Iba pa" na may input ng teksto
- Eksklusibong opsyon na "Wala sa mga nabanggit"
🎨 Tatlong Pagpipilian sa Layout (Maramihang Mode)
Patayo (Nakasalansan) na Layout:
Ang mga checkbox ay lumalabas nang isa-isa bawat linya, nakasalansan nang patayo. Pinakababasang layout para sa mas mahahabang label ng opsyon.
Pinakamahusay Para sa:
- Mahabang teksto ng opsyon
- 3-10 pagpipilian
- Mga form na unang ginagamit sa mobile
- Pinakamataas na kakayahang mabasa
Pahalang (Magkatabi) na Layout:
Lumilitaw ang mga checkbox nang sunud-sunod, magkatabi. Kompaktong layout para sa maiikling label.
Pinakamahusay Para sa:
- 2-5 maiikling opsyon
- Mga compact na form
- Mga layout ng desktop
- kahusayan sa espasyo
Layout ng Grid (Maraming Kolum):
Mga checkbox na nakaayos sa isang grid na may 2 hanay. Balanseng layout na nakakatipid ng espasyo habang pinapanatili ang pagiging madaling basahin.
Pinakamahusay Para sa:
- 4-12 pagpipilian
- Mga label na katamtaman ang haba
- Balanseng disenyo
- Propesyonal na hitsura
Tumutugong Pag-uugali:
Awtomatikong umaangkop ang lahat ng layout sa mga screen ng mobile, na nagsasalansan kapag kinakailangan para sa mas mahusay na interaksyon sa pagpindot.
✨ Opsyon na "Piliin Lahat"
Pagpili sa Isang Pag-click:
Magdagdag ng espesyal na checkbox na “Piliin Lahat” sa itaas ng iyong listahan. Maaaring lagyan ng tsek/alisan ng tsek ng mga user ang lahat ng opsyon sa isang click lang.
Matalinong Pag-uugali:
- Sabay-sabay na sinusuri ang lahat ng regular na opsyon
- Inaalisan ng tsek ang lahat kapag muling na-click
- Awtomatikong inaalisan ng tsek kung may anumang opsyon na hindi napili
- Ipinapakita ang hindi tiyak na estado kapag ang ilan (hindi lahat) na mga opsyon ay napili
- Hindi kasama ang "Wala sa mga nabanggit" sa piling lahat
Perpekto Para sa:
- Mahahabang listahan ng checkbox (5+ opsyon)
- Mga form kung saan madalas pinipili ng mga gumagamit ang lahat
- Mga tanong na "Lagyan ng tsek ang lahat ng naaangkop"
- Pahintulot at pagpili ng tampok
Karanasan ng Gumagamit:
Nakakatipid ng oras sa mahahabang listahan. Maaaring piliin ng mga user ang lahat, pagkatapos ay alisan ng tsek ang mga partikular na eksepsiyon.
✏️ Opsyon na "Iba Pa" na may Pag-input ng Teksto
Koleksyon ng Pasadyang Tugon:
Magdagdag ng checkbox na “Iba Pa” na magpapakita ng text field kapag pinili. Maaaring tukuyin ng mga user ang sarili nilang sagot kung hindi akma ang mga naka-set up na opsyon.
Paano Ito Works:
- Lumalabas ang checkbox na “Iba Pa” sa ibaba ng listahan
- Kapag may tsek, lilitaw ang field ng pagpasok ng teksto
- Pasadyang tugon ng mga gumagamit sa pamamagitan ng pag-type
- Parehong isinumite ang napiling checkbox at teksto
Gumamit ng Mga Kaso:
- "Mas gustong paraan ng pakikipag-ugnayan: ...Iba pa (pakitukoy)"
- "Mga Interes: ...Iba pang mga paksa"
- "Paano mo nalaman ang tungkol sa amin: ...Iba pang pinagmulan"
- Anumang listahan na hindi maaaring
Benepisyo:
Kinukuha ang mga hindi inaasahang tugon, nagbibigay ng kakayahang umangkop, pinipigilan ang mga "sapilitang pagtugma" na mga pagpili, at pinapabuti ang kalidad ng datos.
❌ Opsyon na “Wala sa mga Nabanggit”
Eksklusibong Hindi Pinipili:
Magdagdag ng opsyong “Wala sa mga nabanggit” na awtomatikong mag-aalis ng tsek sa lahat ng iba pang mga pagpipilian kapag na-click.
Matalinong Eksklusibo:
- Kapag naka-check ang "Wala," awtomatikong maaalis ang check sa lahat ng iba pang opsyon
- Kapag may ibang opsyon na na-check, awtomatikong maaalis ang check sa "Wala"
- Nagbibigay ng malinaw na paraan upang ipahiwatig na walang naaangkop na mga pagpipilian
- Pinipigilan ang magkasalungat na mga pagpili
Gumamit ng Mga Kaso:
- Mga opsyonal na tanong sa kagustuhan
- "Piliin ang lahat ng allergy: ...Wala sa mga nabanggit"
- Mga tagasuri ng kwalipikasyon
- Mga pagpipilian sa interes
Bakit Isama:
Pinipigilan ang pag-abandona sa anyo, nagpapakita ng pagiging lubusan, nagbibigay ng tahasang negatibong opsyon, at nagpapabuti sa katumpakan ng datos.
📊 Mga Kontrol sa Pinakamababang/Mataas na Pagpili
Dami ng Pagpili ng Kontrol:
Itakda ang minimum at maximum na bilang ng mga checkbox na dapat/maaaring piliin.
Mga Pinakamababang Pagpipilian:
Hilingin sa mga user na pumili ng kahit X na opsyon. Hindi isusumite ang form hangga't hindi natutugunan ang kinakailangan.
Halimbawa:
- "Pumili ng kahit 2 interes" (Min: 2)
- "Pumili ng minimum na 3 kagustuhan" (Minimum: 3)
- "Pumili ng kahit 1 opsyon" (Minimum: 1)
Pinakamataas na mga Pagpipilian:
Limitahan ang mga user sa pagpili ng hindi hihigit sa X na opsyon. Hindi pinagana ang mga checkbox kapag naabot na ang limitasyon.
Halimbawa:
- "Piliin ang iyong nangungunang 3 tampok" (Max: 3)
- "Pumili ng hanggang 5 serbisyo" (Max: 5)
- "Pumili ng hindi hihigit sa 2 opsyon" (Max: 2)
I-clear ang Feedback:
Nakakakita ang mga user ng mga mensahe ng pagpapatunay tulad ng “Pumili ng kahit 2 opsyon” o “Pinapayagan ang maximum na 3 seleksyon.”
🔧 Madaling Pamamahala ng mga Opsyon
Ganap na Kontrol sa mga Pagpipilian:
- Magdagdag ng mga Opsyon – I-type at pindutin ang Enter o i-click ang “Magdagdag ng Opsyon.” Gumawa ng mga listahan ng checkbox sa loob ng ilang segundo.
- Mga Opsyon sa Pag-edit – I-update ang teksto ng display (kung ano ang nakikita ng mga user) at mga value (kung ano ang isinumite) nang hiwalay.
- Naka-check ang Default – Pumili muna ng mga partikular na checkbox sa pamamagitan ng pag-check sa kahon sa tabi ng bawat opsyon.
- Mga Opsyon sa Pagbabago ng Pagkakasunud-sunod – Gamitin ang pataas/pababang mga arrow upang ayusin ang mga checkbox sa perpektong pagkakasunod-sunod.
- Burahin ang mga Opsyon – Alisin ang mga hindi gustong opsyon sa isang click lang.
Pagpapakita vs. Halaga:
- Label: Ang nakikita ng mga user (hal., “Mga Update sa Email”)
- Halaga: Ano ang nakaimbak (hal., “email_updates”)
Maramihang Pagtatayo:
Magdagdag ng maraming opsyon nang mabilis sa pamamagitan ng pag-type, pagpindot sa Enter, pag-type, pagpindot sa Enter – mabilis na paggawa ng listahan ng checkbox.
☑️ Mga Tampok ng Isang Checkbox
Mga Pagpipilian sa Pag-customize:
Teksto ng Label ng Checkbox:
Ang tekstong ipinapakita sa tabi ng checkbox. Gawin itong malinaw at tiyak (hal., “Sumasang-ayon akong makatanggap ng mga email sa marketing”).
Default na Nasuring Estado:
Lagyan ng tsek ang kahon kapag naglo-load ang form. Gamitin nang maingat – dapat na may kamalayang lagyan ng tsek ng mga gumagamit ang mga kahon ng kasunduan.
Halaga na Isinumite nang Pasadyang:
Itakda kung anong halaga ang isusumite kapag nasuri (karaniwan ay "oo", "1", o "totoo"). Ang default ay "oo".
Kinakailangang Pagpapatunay:
Gawing mandatory ang checkbox. Dapat itong lagyan ng tsek ng mga user para maisumite ang form. Perpekto para sa mga kinakailangang kasunduan.
🔀 Lohikang Kondisyonal
Pagiging Malinaw ng Dinamikong Checkbox:
Ipakita o itago ang mga checkbox field batay sa iba pang mga value ng form. Ipakita lamang ang mga opsyon kapag may kaugnayan.
Mga Panuntunan sa Advanced na Lohika:
AT Lohika – Dapat matugunan ang lahat ng kundisyon
Lohika ng O – Anumang kundisyon ay maaaring mag-trigger ng aksyon
8 Operator – Katumbas, Hindi katumbas, Mas malaki kaysa sa, Mas mababa sa, Naglalaman, Walang laman, at higit pa
Gumamit ng Mga Kaso:
Ipakita lamang ang mga checkbox na “Mga kagustuhan sa pagpapadala” kapag may tsek na “Nangangailangan ng pagpapadala”
Ipakita ang “Mga paksa ng newsletter” kapag may tsek na checkbox para sa subscription
Ipakita ang "Mga karagdagang serbisyo" kapag ang uri ng serbisyo ay katumbas ng "Premium"
Itago ang “Mga opsyon sa diskwento” kapag ang kabuuang order ay mas mababa sa $50
🎯 Pinahusay na Karanasan ng Gumagamit
Mga Nakapaloob na Matalinong Tampok:
- Mga Biswal na Indikasyon – I-clear ang mga checkbox na may wastong espasyo
- Pag-navigate sa Keyboard – Madaling i-tab sa mga opsyon
- Madaling hawakan – Malalaking target sa pag-tap para sa mobile
- Mga Default na Pinili – Suriin muna ang mga partikular na opsyon
- Mga Pasadyang Klase ng CSS – Maglagay ng estilo sa mga grupo ng checkbox
- Suporta sa Accessibility – mga label ng ARIA, tugma sa screen reader
- Na-optimize para sa Mobile – Perpektong laki ng checkbox para sa touch
- Malinaw na mga Label – Nababasang teksto na may wastong pagkakahanay
- Kinakailangang Pagpapatunay – I-clear ang mga mensahe ng error
- Teksto ng Tulong – Magdagdag ng mga paglalarawan para sa mga kumplikadong grupo ng checkbox
Simpleng Pag-setup sa 3 Hakbang
Ihanda ang iyong Checkbox Field sa loob ng ilang minuto
Magdagdag ng Patlang ng Checkbox
I-drag at i-drop ang field na Checkbox mula sa seksyong Basic Fields papunta sa iyong form.
Pumili ng Mode
Piliin ang “Isang Checkbox” para sa mga tanong na oo/hindi o “Maraming Checkbox” para sa mga opsyong may maraming pagpipilian.
I-configure ang mga Opsyon
Para sa isahan: itakda ang checkbox na label at value. Para sa maramihan: magdagdag ng mga opsyon, pumili ng layout, opsyonal na paganahin ang mga opsyong “Piliin Lahat” o “Iba Pa”, at itakda ang minimum/maximum na mga seleksyon.
🎉 Iyon lang! Handa na ang iyong checkbox field gamit ang smart validation.
Mga Real-World Application
Mga Kasunduan at Pahintulot
* Pagtanggap sa mga tuntunin at kundisyon
* Mga kasunduan sa patakaran sa privacy
* Mga opt-in para sa pahintulot sa email
* Mga subscription sa newsletter
Mga Survey at Feedback
* Mga tanong na “Piliin ang lahat ng naaangkop”
* Pagpipilian ng maraming interes
* Koleksyon ng mga kagustuhan sa tampok
* Mga pagpipilian sa paksang interes
E-commerce
* Pagpili ng mga katangian ng produkto
* Mga karagdagang serbisyo
* Mga opsyon sa pagpapadala
* Mga kagustuhan sa abiso
Mga Form ng Rehistro
* Mga kagustuhan sa komunikasyon
* Mga kategorya ng interes
* Mga setting ng pahintulot
* Pagpili ng access sa tampok
aplikasyon
* Mga tagasuri ng kwalipikasyon
* Mga pagpili ng kasanayan
* Mga lugar na interesante
* Mga opsyon sa availability
Mga Setting at Kagustuhan
* Mga setting ng account
* Mga opsyon sa privacy
* Mga pagpipilian sa abiso
* Mga toggle ng tampok
Kumpletong Mga Opsyon sa Patlang
Pangunahing Configuration
- Label ng Patlang – Ang tanong o pamagat na ipinapakita sa itaas ay naglalagay ng mga checkbox
- Teksto ng Paglalarawan/Tulong – Karagdagang gabay para sa mga gumagamit
- Kinakailangang Patlang – Gawing mandatory ang mga checkbox
- Placeholder – Hindi naaangkop para sa mga checkbox
Mode ng Checkbox
Pumili ng uri ng mode:
- Isang Checkbox – Tanong, kasunduan, o pag-opt-in na Oo/Hindi (isang checkbox)
- Maramihang Mga Checkbox – Mga opsyon na may maraming pagpipilian (maraming mga checkbox)
Mga Opsyon sa Isang Checkbox
- Teksto sa Katabi ng Checkbox – Ipinapakita ang label sa tabi ng checkbox (hal., “Sumasang-ayon ako sa mga tuntunin”)
- Nasuri na ang Simula – Nasuri na ang checkbox kapag naglo-load ang form
- Halaga Kapag Nasuri – Ang halaga ng datos ay nakaimbak kapag nasuri (default: “oo”)
Mga Pagpipilian sa Maramihang Checkbox
Estilo ng Layout:
- Nakapatong (isa bawat linya) – Patayo na ayos
- Magkatabi (nang sunud-sunod) – Pahalang na pagkakaayos
- Grid (maraming hanay) – layout ng grid na may 2 hanay
Mga Opsyon sa Checkbox:
Buuin ang iyong listahan ng mga pagpipilian:
- Tekstong Ipinapakita – Ang nakikita ng mga user (hal., “Email”)
- Halaga – Ano ang isinumite (hal., “email”)
- Nasuri ang Default – Paunang pumili ng mga partikular na opsyon
- Muling Ayusin – Ilipat pataas/pababa ang mga opsyon
- Burahin – Alisin ang mga opsyon
Mga Espesyal na Opsyon:
- Magdagdag ng Opsyon na “Piliin Lahat” – Nagdaragdag ng checkbox sa itaas na pumipili/nag-aalis ng pagkakapili sa lahat ng opsyon
- Magdagdag ng Opsyon na "Iba Pa" gamit ang Text Box – Nagdaragdag ng opsyon na "Iba Pa" gamit ang text field para sa mga pasadyang tugon
- Magdagdag ng Opsyon na "Wala sa mga nabanggit" – Nagdaragdag ng eksklusibong opsyon na nag-aalis ng tsek sa lahat ng iba pa kapag napili
Mga Limitasyon sa Pagpili:
- Minimum na Kinakailangang Pagpili – Pinakamababang bilang ng mga checkbox na dapat piliin (hal., 2)
- Pinakamataas na Pinapayagang Pagpili – Karamihan sa mga checkbox na maaaring piliin (hal., 5)
Makatarungang Lohika
- Paganahin ang Conditional Logic – Ipakita/itago batay sa mga kundisyon
- Uri ng lohika
- Dapat matugunan ang lahat ng mga kundisyon (AT)
- Maaaring matugunan ang anumang kundisyon (O)
- Mga Panuntunan sa Kondisyon
- Ipakita/Itago – Aksyon na gagawin
- Patlang – Aling patlang ang susuriin
- Operator – Katumbas ng, Hindi katumbas ng, Naglalaman ng, Mas malaki kaysa sa, Mas mababa sa, Walang laman, Hindi walang laman
- Halaga – Halaga ng paghahambing
- Maramihang Kundisyon – Magdagdag ng walang limitasyong mga panuntunan
Mga Advanced na Pagpipilian
- Nakatagong Patlang – Gawing hindi nakikita ang patlang (hindi inirerekomenda para sa mga checkbox)
- Mga Pasadyang Klase ng CSS – Maglapat ng pasadyang estilo
- Mga Katangian ng Accessibility – Mga label ng ARIA para sa mga screen reader
Bakit Piliin ang Aming Checkbox Field?
✅ Dalawang mode – Isang checkbox o maraming checkbox sa isang uri ng field
✅ Mga Flexible na Layout – Mga kaayusan na patayo, pahalang, o grid
✅ Piliin Lahat – Isang click na pagpipilian para sa kaginhawahan
✅ Iba pang Pagpipilian – Pag-input ng teksto para sa mga pasadyang tugon
✅ Walang Pagpipilian – Eksklusibong pagpipilian na walang pinipiling dahilan
✅ Pinakamababang/Maximum na Limitasyon – Kontrolin ang dami ng pagpili
✅ Madaling Pamamahala – Magdagdag, mag-edit, muling isaayos, at magbura ng mga opsyon nang walang kahirap-hirap
✅ User-Friendly – Malinaw na mga label, wastong pagitan, madaling hawakan
✅ Ganap na naisama – Gumagana nang walang putol sa lahat ng mga tampok ng form
Mga Madalas Itanong
T: Ano ang pagkakaiba sa pagitan ng single at multiple checkbox modes?
Ang single mode ay nagpapakita ng isang checkbox para sa mga desisyong oo/hindi. Ang multiple mode naman ay nagpapakita ng ilang checkbox kung saan maaaring pumili ang mga user ng higit sa isang opsyon.
T: Maaari bang piliin ng mga user ang lahat ng checkbox nang sabay-sabay?
Oo. Paganahin ang opsyong “Piliin Lahat” para magdagdag ng checkbox na magti-check o mag-aalis ng check sa bawat opsyon sa isang click lang.
T: Paano gumagana ang minimum/maximum na mga seleksyon?
Tinitiyak ng minimum na pipiliin ng mga user ang kahit isang tiyak na bilang ng mga opsyon. Nililimitahan naman ng maximum kung ilang checkbox ang maaari nilang piliin.
T: Ano ang ginagawa ng opsyong “Iba Pa”?
Nagdaragdag ito ng karagdagang checkbox na may label na “Iba Pa.” Kapag napili, lalabas ang isang text field para makapaglagay ang mga user ng custom na sagot.
T: Paano gumagana ang "Wala sa mga nabanggit"?
Ito ay gumaganap bilang isang eksklusibong pagpipilian. Kung napili, lahat ng iba pang mga checkbox ay aalisin. Kung may ibang opsyon na minarkahan, awtomatikong maaalis ang tsek sa opsyong "Wala".
T: Maaari ko bang piliin muna ang ilang mga checkbox?
Oo. Para sa single mode, i-on ang “Start Checked.” Para sa multiple mode, markahan ang maliit na checkbox sa tabi ng bawat opsyon na gusto mong piliin bilang default.
T: Dapat ko bang lagyan ng tsek ang mga kahon ng kasunduan nang maaga?
Hindi. Para sa mga patakaran, tuntunin, at pahintulot, dapat aktibong lagyan ng tsek ng mga user mismo ang kahon.
T: Maaari ko bang baguhin ang pagkakasunod-sunod ng checkbox?
Oo. Gamitin ang pataas at pababang mga arrow sa tabi ng bawat opsyon para muling isaayos ang mga ito ayon sa gusto mo.
T: Ano ang pagkakaiba ng display text at value?
Ang display text ay ang nakikita ng mga user. Ang value naman ay ang iniimbak sa iyong database para sa malinis at pare-parehong data.
T: Maaari ko bang gamitin ang conditional logic na may mga checkbox?
Oo. Mag-trigger ng iba pang mga field batay sa mga seleksyon gamit ang mga operator tulad ng “Katumbas,” “Walang laman,” o “Hindi walang laman.”
T: Paano ako lilikha ng kinakailangang checkbox?
Paganahin ang “Required Field.” Para sa single mode, dapat lagyan ng tsek ang kahon. Para sa multiple mode, dapat pumili ang mga user ng kahit isang opsyon o matugunan ang iyong minimum na kinakailangan.
T: Maaari bang baguhin ng mga gumagamit ang mga napili pagkatapos suriin?
Oo. Maaari nilang lagyan ng tsek o alisin ang tsek ang anumang mga opsyon nang malaya bago isumite ang form. Maaari ring i-toggle ang "Piliin Lahat" anumang oras.
