Kahon sa Tsek
Kolektaha ang mga kasabutan ug daghang mga kapilian nga walay kalisud. Gikan sa yano nga mga checkbox nga oo/dili ngadto sa mga lista nga adunay daghang pagpili nga adunay "Select All," min/max nga mga kontrol, ug mga smart layout - ang Checkbox field nagdumala sa mga single agreement ug multi-choice nga mga pangutana nga adunay kusgan nga validation ug user-friendly nga mga kapilian.
Duha ka Mode para sa Matag Kinahanglanon sa Checkbox
Hingpit alang sa:
Gamhanang mga Feature para sa Matag Gamit
Duha ka Checkbox Modes
Usa ka Checkbox nga Mode:
Usa ka checkbox para sa mga pangutana nga oo/dili, mga kasabutan, o mga opt-in. Perpekto para sa pagdawat sa mga termino, mga suskrisyon sa newsletter, ug mga porma sa pagtugot.
Paggamit Kaso:
- "Miuyon ko sa mga termino ug kondisyon"
- "I-subscribe ko sa newsletter"
- "Oo, gusto ko makadawat og mga update"
- "Gikumpirma nako nga kini nga impormasyon husto"
Features:
- Teksto sa label nga gipahaom sa checkbox
- Default nga gisusi/wala gisusi nga kahimtang
- Gisumite nga bili nga gipahaom (oo, 1, tinuod, ug uban pa)
- Gikinahanglan nga opsyon sa pag-validate
Mode sa Daghang mga Checkbox:
Daghang mga kapilian diin ang mga tiggamit makapili og daghang mga kapilian. Perpekto para sa mga pangutana nga "Pilia ang tanan nga magamit", pagkolekta sa mga gusto, ug mga survey nga adunay daghang pagpili.
Paggamit Kaso:
- “Unsang mga bahin ang nakapainteres kanimo?” (daghang mga kapilian)
- "Pilia ang imong gusto nga mga pamaagi sa pagkontak"
- "Pilia ang tanan nga serbisyo nga imong gikinahanglan"
- “Unsang mga topiko ang nakapainteres nimo?” (markahi ang daghan)
Features:
- Walay kinutuban nga mga opsyon sa checkbox
- Tulo ka estilo sa layout
- Opsyon nga "Pilia Tanan"
- Minimum/maximum nga mga limitasyon sa pagpili
- "Uban pa" nga adunay input sa teksto
- Eksklusibong opsyon nga "Wala sa mga nahisgotan"
🎨 Tulo ka Opsyon sa Layout (Daghang Mode)
Bertikal (Gipatong-patong) nga Layout:
Ang mga checkbox makita usa matag linya, gipatong nga patindog. Ang layout labing mabasa para sa mas taas nga mga label sa opsyon.
Labing Maayo alang sa:
- Taas nga teksto sa opsyon
- 3-10 nga mga kapilian
- Mga porma nga unahon ang mobile
- Pinakamataas nga pagkabasa
Pahigda (Side-by-side) nga Layout:
Ang mga checkbox makita nga sunod-sunod, tapad. Kompakto nga layout para sa mga mugbong label.
Labing Maayo alang sa:
- 2-5 ka mubo nga mga kapilian
- Mga compact nga porma
- Mga layout sa desktop
- Episyente sa kawanangan
Layout sa Grid (Daghang Kolum):
Mga checkbox nga gihan-ay sa 2-kolum nga grid. Balanseng layout nga makadaginot og espasyo samtang gipadayon ang kasayon sa pagbasa.
Labing Maayo alang sa:
- 4-12 nga mga kapilian
- Mga label nga medium ang gitas-on
- Balanse nga disenyo
- Propesyonal nga panagway
Responsibong Kinaiya:
Ang tanang layout awtomatikong mohaom sa mga mobile screen, magtapok kon gikinahanglan para sa mas maayong interaksyon sa paghikap.
✨ Opsyon nga "Pilia Tanan"
Pagpili nga Usa ka Pag-klik:
Idugang ang usa ka espesyal nga checkbox nga "Pilia Tanan" sa ibabaw sa imong listahan. Mahimo nga ma-tsek/ma-uncheck sa mga tiggamit ang tanang opsyon sa usa lang ka pag-klik.
Maalamon nga Pamatasan:
- Gisusi ang tanang regular nga mga opsyon sa samang higayon
- I-uncheck ang tanan kon i-klik pag-usab
- Awtomatikong matangtang ang mga tsek kon adunay opsyon nga dili mapili
- Nagpakita sa dili matino nga estado kung ang pipila (dili tanan) nga mga kapilian gipili
- Wala gilakip ang "Wala sa mga naa sa ibabaw" gikan sa piniling tanan
Hingpit nga:
- Mga lista sa taas nga checkbox (5+ ka mga kapilian)
- Mga porma diin ang mga tiggamit kanunay nga mopili sa tanan
- Mga pangutana nga "Markahi ang tanan nga magamit"
- Pagpili sa permiso ug feature
Kasinatian sa Gumagamit:
Makadaginot sa oras sa taas nga mga lista. Mahimo pilion sa mga tiggamit ang tanan, dayon tangtangon ang tsek sa piho nga mga eksepsiyon.
✏️ “Uban pa” nga Opsyon nga adunay Text Input
Koleksyon sa Tubag nga Gipasadya:
Idugang ang checkbox nga “Uban pa” nga mopakita og text field kon mapili. Mahimo ipiho sa mga tiggamit ang ilang kaugalingong tubag kon ang mga preset nga opsyon dili mohaom.
Kon Giunsa Kini Paggamit:
- Ang checkbox nga "Uban pa" makita sa ubos sa lista
- Kon susihon, makita ang text input field
- Gi-type sa mga tiggamit ang gipahaom nga tubag
- Ang pagpili sa checkbox ug teksto parehong gisumite
Paggamit Kaso:
- "Gipalabi nga pamaagi sa pagkontak: ... Uban pa (palihug ipiho)"
- “Mga Interes: …Ubang mga hilisgutan”
- “Giunsa nimo pagkahibalo bahin kanamo: …Laing tinubdan”
- Bisan unsang lista nga dili maka-co-co
Kaayohan:
Mokuha sa wala damha nga mga tubag, mohatag og pagka-flexible, makapugong sa mga pagpili nga "gipugos nga mohaom", ug mopaayo sa kalidad sa datos.
❌ Opsyon nga “Wala sa mga Naa sa Ibabaw”
Eksklusibo nga Dili Pagpili:
Idugang ang opsyon nga "Wala sa mga naa sa ibabaw" nga awtomatikong magtangtang sa tsek sa tanan nga ubang mga kapilian kung i-klik.
Maalamon nga Eksklusibo:
- Kon ang "Wala" gi-check, ang tanang ubang opsyon awtomatikong matangtang ang check
- Kon adunay laing opsyon nga gi-check, ang "Wala" awtomatikong ma-uncheck
- Naghatag og klaro nga paagi sa pagpakita nga walay mga kapilian nga magamit
- Nagpugong sa nagkasumpaki nga mga pagpili
Paggamit Kaso:
- Opsyonal nga mga pangutana sa gusto
- “Pilia ang tanang alerdyi: …Wala sa mga nahisgotan sa ibabaw”
- Mga tigsusi sa kwalipikasyon
- Mga pinili nga interes
Nganong Ilakip:
Mapugngan ang pagbiya sa porma, magpakita sa pagkahingpit, maghatag ug klaro nga negatibo nga kapilian, ug mopaayo sa katukma sa datos.
📊 Mga Kontrol sa Pagpili nga Minimum/Max
Gidaghanon sa Pagpili sa Kontrol:
Ibutang ang minimum ug maximum nga gidaghanon sa mga checkbox nga kinahanglan/mahimo pilion.
Minimum nga mga Pagpili:
Kinahanglan nga mopili ang mga tiggamit og labing menos X nga mga kapilian. Dili mosumite ang porma hangtod nga matuman ang kinahanglanon.
mga panig-ingnan:
- "Pagpili ug labing menos 2 ka interes" (Minimum: 2)
- "Pagpili og labing menos 3 ka gusto" (Minimum: 3)
- "Pagpili ug labing menos 1 ka kapilian" (Min: 1)
Pinakataas nga mga Pagpili:
Limitahi ang mga tiggamit sa pagpili og dili molapas sa X nga mga opsyon. Ang mga checkbox dili na ma-disable kon maabot na ang limitasyon.
mga panig-ingnan:
- "Pilia ang imong top 3 nga mga bahin" (Max: 3)
- "Pagpili hangtod sa 5 ka serbisyo" (Max: 5)
- "Pagpili og dili molapas sa 2 ka kapilian" (Max: 2)
Klaro nga Feedback:
Ang mga tiggamit makakita og mga mensahe sa pag-validate sama sa “Palihug pagpili og labing menos 2 ka mga opsyon” o “Maximum 3 ka mga selection ang gitugot.”
🔧 Sayon nga Pagdumala sa mga Opsyon
Bug-os nga Pagkontrol sa mga Pagpili:
- Idugang ang mga Opsyon – I-type ug pindota ang Enter o i-klik ang “Add Option.” Paghimo og mga lista sa checkbox sulod sa pipila ka segundo.
- Mga Opsyon sa Pag-edit – I-update ang display text (unsay nakita sa mga tiggamit) ug mga bili (unsay gisumite) nga independente.
- Gisusi ang Default – Pilia daan ang piho nga mga checkbox pinaagi sa pag-tsek sa kahon tupad sa matag opsyon.
- Mga Opsyon sa Pag-usab sa Pagkahan-ay – Gamita ang pataas/paubos nga mga pana aron mahan-ay ang mga checkbox sa hingpit nga pagkasunod-sunod.
- Pagtangtang sa mga Opsyon – Kuhaa ang dili gusto nga mga kapilian sa usa ka pag-klik.
Pagpakita vs. Bili:
- Label: Unsay nakita sa mga tiggamit (pananglitan, “Mga Update sa Email”)
- Bili: Unsa ang gitipigan (pananglitan, “email_updates”)
Pagtukod og Daghan:
Pagdugang og daghang mga opsyon pinaagi sa pag-type, pagpindot sa Enter, pag-type, pagpindot sa Enter – paspas nga paghimo og lista sa checkbox.
☑️ Mga Feature sa Single Checkbox
Pagpili sa Pagpasibo:
Teksto sa Label sa Checkbox:
Ang teksto nga gipakita tupad sa checkbox. Himoa kini nga klaro ug espesipiko (pananglitan, “Miuyon ko nga makadawat og mga email sa marketing”).
Default nga Gisusi nga Kahimtang:
Markahi daan ang kahon kon mo-load ang porma. Gamita pag-ayo – ang mga tiggamit kinahanglan nga tinuyo nga magmarka sa mga kahon sa pag-uyon.
Gisumite nga Bili nga Gipasadya:
Ibutang kung unsang bili ang isumite kung gisusi (kasagaran "oo", "1", o "tinuod"). Ang default kay "oo".
Gikinahanglan nga Pag-validate:
Himoa nga mandatory ang checkbox. Kinahanglan kini markahan sa mga tiggamit aron masumite ang porma. Perpekto para sa gikinahanglan nga mga kasabutan.
🔀 Lohika sa Kondisyon
Dinamikong Pagtan-aw sa Checkbox:
Ipakita o itago ang mga checkbox field base sa ubang mga bili sa porma. Ipakita lang ang mga opsyon kon may kalabutan.
Abansadong mga Lagda sa Lohika:
UG Lohika – Kinahanglan matuman ang tanang kondisyon
O Lohika – Bisan unsang kondisyon mahimong makapahinabo sa aksyon
8 ka Operator – Katumbas, Dili katumbas, Mas dako kay sa, Mas gamay kay sa, Naglangkob, Walay sulod, ug labaw pa
Paggamit Kaso:
Ipakita lang ang mga checkbox nga “Shipping preferences” kon ang “Requires shipping” na-check.
Ipakita ang "Mga topiko sa newsletter" kung ang checkbox sa suskrisyon gisusi
Ipadayag ang "Dugang nga mga serbisyo" kung ang klase sa serbisyo katumbas sa "Premium"
Itago ang “Mga opsyon sa diskwento” kon ang kinatibuk-ang order ubos sa $50
🎯 Gipauswag nga Kasinatian sa Gumagamit
Mga Smart Feature nga Gilakip:
- Mga Biswal nga Indikasyon – Hawani ang mga checkbox nga adunay hustong gilay-on
- Pag-navigate sa Keyboard – Sayon ra ang pag-tab-tab sa mga opsyon
- Sayon Hikapa – Dagkong mga target sa pag-tap para sa mobile
- Mga Default nga Pagpili – Susiha daan ang piho nga mga kapilian
- Mga Klase sa Custom CSS – I-apply ang estilo sa mga grupo sa checkbox
- Suporta sa Pagka-access – Mga label sa ARIA, compatible sa screen reader
- Gi-optimize sa Mobile – Perpekto nga gidak-on sa checkbox para sa paghikap
- Klaro nga mga Label – Mabasa nga teksto nga adunay hustong paglinya
- Gikinahanglan nga Pag-validate – Hawani ang mga mensahe sa sayop
- Teksto sa Tabang – Pagdugang og mga deskripsyon para sa komplikadong mga grupo sa checkbox
Yano nga Pag-setup sa 3 ka Lakang
Andama ang imong Checkbox Field sulod sa pipila ka minuto
Idugang ang Checkbox Field
I-drag ug i-drop ang Checkbox field gikan sa Basic Fields nga seksyon ngadto sa imong porma.
Pilia ang Mode
Pilia ang “Usa ka Checkbox” para sa oo/dili nga mga pangutana o “Daghang Checkbox” para sa daghang kapilian.
I-configure ang mga Opsyon
Para sa usa: ibutang ang checkbox nga label ug bili. Para sa daghan: idugang ang mga opsyon, pilia ang layout, opsyonal nga i-enable ang mga opsyon nga “Select All” o “Other”, ug ibutang ang minimum/max nga mga seleksyon.
🎉 Mao na! Andam na ang imong checkbox field gamit ang smart validation.
Mga Aplikasyon sa Tinuod nga Kalibutan
Mga Kasabutan ug Pagtugot
* Pagdawat sa mga termino ug kondisyon
* Mga kasabutan sa palisiya sa pribasiya
* Mga opsyon sa pagtugot sa email
* Mga suskrisyon sa newsletter
Mga Survey ug Feedback
* Mga pangutana nga “Pilia ang tanan nga magamit”
* Daghang kapilian sa interes
* Koleksyon sa mga gusto sa bahin
* Mga kapilian sa hilisgutan nga interes
E-Commerce
* Pagpili sa mga kinaiya sa produkto
* Mga dugang nga serbisyo
* Mga kapilian sa pagpadala
* Mga gusto sa pagpahibalo
Mga Porma sa Pagparehistro
* Mga gusto sa komunikasyon
* Mga kategorya sa interes
* Mga setting sa pagtugot
* Pagpili sa pag-access sa feature
aplikasyon
* Mga tigsusi sa kwalipikasyon
* Mga pagpili sa kahanas
* Mga lugar nga interesado
* Mga opsyon sa pagkaanaa
Mga setting ug Mga gusto
* Mga setting sa account
* Mga opsyon sa pribasiya
* Mga kapilian sa pagpahibalo
* Mga pag-ilis sa feature
Kompleto nga mga Opsyon sa Natad
Panguna nga Pag-configure
- Label sa Field – Ang pangutana o titulo nga gipakita sa ibabaw mga checkbox
- Deskripsyon/Teksto sa Tabang – Dugang nga giya para sa mga tiggamit
- Gikinahanglan nga Field – Himoa nga mandatory ang checkbox(s)
- Placeholder – Dili magamit para sa mga checkbox
Mode sa Checkbox
Pilia ang klase sa mode:
- Usa ka Checkbox – Oo/Dili pangutana, kasabotan, o pag-opt-in (usa ka checkbox)
- Daghang mga Checkbox – Mga opsyon nga daghang pilion (daghang mga checkbox)
Mga Opsyon sa Usa ka Checkbox
- Teksto Tapad sa Checkbox – Label nga gipakita tupad sa checkbox (pananglitan, “Miuyon ko sa mga termino”)
- Gisusi ang Pagsugod – Ang checkbox gisusi daan kung mag-load ang porma
- Bili Kon Gisusi – Bili sa datos nga gitipigan kon gisusi (default: “oo”)
Daghang mga Opsyon sa Checkbox
Estilo sa Layout:
- Gipatong-patong (usa kada linya) – Bertikal nga pagkahan-ay
- Tabi-tabi (nagsunod-sunod) – Pahigda nga pagkahan-ay
- Grid (daghang kolum) – 2-kolum nga layout sa grid
Mga Opsyon sa Checkbox:
Paghimo sa imong listahan sa mga kapilian:
- Ipakita ang Teksto – Unsay makita sa mga tiggamit (pananglitan, “Email”)
- Bili – Unsay gisumite (pananglitan, “email”)
- Gisusi ang Default – Pagpili daan og piho nga mga opsyon
- Pag-usab sa han-ay – Ibalhin ang mga kapilian pataas/paubos
- Pagtangtang – Pagtangtang sa mga opsyon
Espesyal nga mga Opsyon:
- Idugang ang Opsyon nga "Pilia Tanan" – Nagdugang og checkbox sa ibabaw nga mopili/motangtang sa tanang opsyon
- Idugang ang Opsyon nga "Uban pa" gamit ang Text Box – Nagdugang og opsyon nga "Uban pa" gamit ang text field para sa custom nga mga tubag
- Idugang ang Opsyon nga "Wala sa naa sa ibabaw" - Nagdugang og eksklusibong opsyon nga mag-uncheck sa tanan nga uban pa kung mapili
Mga Limitasyon sa Pagpili:
- Minimum nga mga Pagpili nga Gikinahanglan – Pinakagamay nga gidaghanon sa mga checkbox nga kinahanglan pilion (pananglitan, 2)
- Pinakadaghang Gitugot nga mga Pagpili – Kadaghanan sa mga checkbox nga mapilian (pananglitan, 5)
Makatarungan nga Pangatarungan
- I-enable ang Conditional Logic – Ipakita/itago base sa mga kondisyon
- Logic Type
- Kinahanglan matuman ang tanang kondisyon (UG)
- Bisan unsang kondisyon mahimong matuman (O)
- Mga Lagda sa Kondisyon
- Ipakita/Itago – Aksyon nga buhaton
- Natad – Unsang natad ang susihon
- Operator – Katumbas, Dili katumbas, Naglangkob, Mas dako kay sa, Mas gamay kay sa, Walay sulod, Dili walay sulod
- Bili – Bili sa pagtandi
- Daghang Kondisyon – Pagdugang og walay kutub nga mga lagda
advanced Options
- Natago nga Natad – Himoa nga dili makita ang natad (dili girekomenda para sa mga checkbox)
- Mga Klase sa Custom CSS – Pag-apply sa custom nga estilo
- Mga Atributo sa Pagka-Akses – Mga label sa ARIA para sa mga screen reader
Nganong Pilion ang Among Checkbox Field?
✅ Duha ka Paagi – Usa ka checkbox o daghang mga checkbox sa usa ka klase sa field
✅ Flexible nga mga Layout – Bertikal, pinahigda, o grid nga mga kahikayan
✅ Pilia ang Tanan - Usa ka pag-klik nga pagpili para sa kasayon
✅ Lain nga Opsyon - Pagsulod og teksto para sa gipahaom nga mga tubag
✅ Walay Kapilian - Eksklusibo nga kapilian nga walay pagpili
✅ Minimum/Max nga mga Limitasyon – Kontrol ang gidaghanon sa pagpili
✅ Sayon nga Pagdumala - Pagdugang, pag-edit, pag-usab sa han-ay, pagtangtang sa mga kapilian nga walay kahago
✅ Mahigalaon nga User – Klaro ang mga label, hustong gilay-on, dali hikapon
✅ Hingpit nga Gihiusa - Nagtrabaho nga hapsay sa tanang bahin sa porma
Kanunayng Gipangutana nga mga Pangutana
P: Unsa ang kalainan tali sa single ug multiple checkbox modes?
Ang single mode nagpakita og usa ka checkbox para sa mga desisyon nga oo/dili. Ang multiple mode nagpakita og daghang checkbox diin ang mga tiggamit makapili og labaw sa usa ka opsyon.
P: Mahimo ba nga mapili sa mga tiggamit ang tanang checkbox sa usa ka higayon?
Oo. I-enable ang opsyon nga “Select All” aron makadugang og checkbox nga mo-check o mo-uncheck sa matag opsyon sa usa lang ka click.
P: Giunsa paglihok ang minimum/max nga mga pagpili?
Ang minimum nagsiguro nga ang mga tiggamit makapili labing menos usa ka piho nga gidaghanon sa mga kapilian. Ang maximum naglimite kung pila ka mga checkbox ang ilang mapilian.
P: Unsa ang gamit sa opsyon nga "Uban pa"?
Nagdugang kini og dugang nga checkbox nga gimarkahan og “Uban pa.” Kon mapili, usa ka text field ang makita aron ang mga tiggamit makasulod og custom nga tubag.
P: Giunsa paglihok ang "Wala sa mga nahisgotan"?
Kini magsilbing eksklusibong kapilian. Kon mapili, ang tanang ubang mga checkbox matangtang. Kon adunay laing kapilian nga masusi, ang kapilian nga "Wala" awtomatikong matangtang sa tsek.
P: Mahimo ba nako nga pilion daan ang pipila ka mga checkbox?
Oo. Para sa single mode, i-on ang “Start Checked.” Para sa multiple mode, markahi ang gamay nga checkbox tupad sa matag opsyon nga gusto nimong pilion isip default.
P: Kinahanglan ba nako nga i-pre-check ang mga kahon sa kasabutan?
Dili. Para sa mga palisiya, termino, ug pagtugot, ang mga tiggamit kinahanglan nga aktibong mo-tsek sa kahon mismo.
P: Mahimo ba nako usbon ang pagkasunod-sunod sa checkbox?
Oo. Gamita ang pataas ug paubos nga mga pana tupad sa matag kapilian aron usbon ang han-ay niini sumala sa imong gusto.
P: Unsa ang kalainan tali sa display text ug value?
Ang display text mao ang makita sa mga tiggamit. Ang value mao ang gitipigan sa imong database para sa limpyo ug makanunayon nga datos.
P: Mahimo ba nako gamiton ang conditional logic nga adunay mga checkbox?
Oo. I-trigger ang ubang mga field base sa mga seleksyon gamit ang mga operator sama sa “Equals,” “Is empty,” o “Is not empty.”
P: Unsaon nako paghimo og gikinahanglan nga checkbox?
I-enable ang “Required Field.” Para sa single mode, kinahanglan nga markahan ang kahon. Para sa multiple mode, ang mga tiggamit kinahanglan nga mopili og labing menos usa ka opsyon o makatuman sa imong minimum nga kinahanglanon.
P: Mahimo ba nga usbon sa mga tiggamit ang mga gipili human sa pagsusi?
Oo. Mahimo nilang markahan o dili markahan ang bisan unsang mga kapilian nga gawasnon sa dili pa isumite ang porma. Ang "Pilia Tanan" mahimo usab nga i-toggle bisan unsang orasa.
