Medan Kotak Semak
Kumpulkan perjanjian dan berbilang pilihan dengan mudah. Daripada kotak semak ya/tidak yang mudah kepada senarai berbilang pilihan dengan “Pilih Semua,” kawalan min/maks dan susun atur pintar – medan Kotak Semak mengendalikan perjanjian tunggal dan soalan berbilang pilihan dengan pengesahan yang berkuasa dan pilihan mesra pengguna.
Dua Mod untuk Setiap Keperluan Kotak Semak
Sesuai untuk:
Ciri-ciri Hebat untuk Setiap Kes Penggunaan
Dua Mod Kotak Semak
Mod Kotak Semak Tunggal:
Satu kotak semak untuk soalan ya/tidak, perjanjian atau pilihan masuk. Sesuai untuk penerimaan terma, langganan surat berita dan borang persetujuan.
Gunakan Kes:
- "Saya bersetuju dengan terma dan syarat"
- "Langgan surat berita saya"
- "Ya, saya ingin menerima maklumat terkini"
- "Saya mengesahkan maklumat ini adalah tepat"
Ciri-ciri:
- Teks label kotak pilihan tersuai
- Keadaan lalai yang ditanda/tidak ditanda
- Nilai yang dihantar secara tersuai (ya, 1, benar, dsb.)
- Pilihan pengesahan yang diperlukan
Mod Kotak Semak Berbilang:
Pelbagai pilihan di mana pengguna boleh memilih beberapa pilihan. Sesuai untuk soalan "Pilih semua yang berkenaan", pengumpulan pilihan dan tinjauan berbilang pilihan.
Gunakan Kes:
- "Ciri-ciri manakah yang menarik minat anda?" (pelbagai pilihan)
- "Pilih kaedah hubungan pilihan anda"
- "Pilih semua perkhidmatan yang anda perlukan"
- "Apakah topik yang menarik minat anda?" (tandakan berbilang)
Ciri-ciri:
- Pilihan kotak semak tanpa had
- Tiga gaya susun atur
- Pilihan "Pilih Semua"
- Had pemilihan minimum/maksimum
- "Lain-lain" dengan input teks
- Pilihan eksklusif "Tiada satu pun di atas"
🎨 Tiga Pilihan Susun Atur (Pelbagai Mod)
Susun Atur Menegak (Bertindan):
Kotak pilihan dipaparkan satu setiap baris, disusun secara menegak. Susun atur paling mudah dibaca untuk label pilihan yang lebih panjang.
Terbaik Untuk:
- Teks pilihan panjang
- 3-10 pilihan
- Borang mudah alih utama
- Kebolehbacaan maksimum
Susun Atur Mendatar (Bersebelahan):
Kotak pilihan muncul dalam satu baris, bersebelahan. Susun atur padat untuk label pendek.
Terbaik Untuk:
- 2-5 pilihan pendek
- Borang padat
- Susun atur desktop
- Kecekapan ruang
Susun Atur Grid (Berbilang Lajur):
Kotak pilihan disusun dalam grid 2 lajur. Susun atur seimbang yang menjimatkan ruang sambil mengekalkan kebolehbacaan.
Terbaik Untuk:
- 4-12 pilihan
- Label sederhana panjang
- Reka bentuk yang seimbang
- Penampilan profesional
Tingkah Laku Responsif:
Semua susun atur menyesuaikan diri secara automatik dengan skrin mudah alih, disusun apabila diperlukan untuk interaksi sentuhan yang lebih baik.
✨ Pilihan “Pilih Semua”
Pilihan Satu Klik:
Tambahkan kotak pilihan khas “Pilih Semua” di bahagian atas senarai anda. Pengguna boleh menanda/nyahtanda semua pilihan dengan satu klik.
Tingkah Laku Pintar:
- Memeriksa semua pilihan biasa secara serentak
- Nyahtanda semua apabila diklik sekali lagi
- Menyahtanda secara automatik jika mana-mana pilihan dinyahpilih
- Menunjukkan keadaan tak tentu apabila beberapa (bukan semua) pilihan dipilih
- Mengecualikan "Tiada satu pun di atas" daripada semua pilihan
Perfect For:
- Senarai kotak pilihan yang panjang (5+ pilihan)
- Borang di mana pengguna sering memilih semuanya
- Soalan "Tandakan semua yang berkenaan"
- Kebenaran dan pemilihan ciri
Pengalaman pengguna:
Menjimatkan masa untuk senarai panjang. Pengguna boleh memilih semua, kemudian nyahtanda pengecualian tertentu.
✏️ Pilihan “Lain-lain” dengan Input Teks
Koleksi Respons Tersuai:
Tambahkan kotak pilihan “Lain-lain” yang memaparkan medan teks apabila dipilih. Pengguna boleh menentukan jawapan mereka sendiri jika pilihan pratetap tidak sesuai.
Bagaimana Ia Berfungsi:
- Kotak pilihan “Lain-lain” muncul di bahagian bawah senarai
- Apabila ditanda, medan input teks muncul
- Pengguna menaip respons tersuai
- Kedua-dua pilihan kotak semak dan teks dihantar
Gunakan Kes:
- "Kaedah hubungan pilihan: ...Lain-lain (sila nyatakan)"
- "Minat: ...Topik lain"
- "Bagaimana anda tahu tentang kami: ...Sumber lain"
- Mana-mana senarai yang tidak boleh digabungkan
Kebaikan:
Menangkap tindak balas yang tidak dijangka, memberikan fleksibiliti, menghalang pilihan "paksa padan" dan meningkatkan kualiti data.
❌ Pilihan “Tiada Satu pun di Atas”
Eksklusif Tanpa Pemilihan:
Tambahkan pilihan "Tiada satu pun di atas" yang akan menyahtanda semua pilihan lain secara automatik apabila diklik.
Eksklusiviti Pintar:
- Apabila "Tiada" ditanda, semua pilihan lain dinyahtanda secara automatik
- Apabila pilihan lain ditanda, "Tiada" akan dinyahtanda secara automatik
- Memberikan cara yang jelas untuk menunjukkan tiada pilihan terpakai
- Mencegah pilihan yang bercanggah
Gunakan Kes:
- Soalan pilihan pilihan
- "Pilih semua alahan: ...Tiada satu pun di atas"
- Pemeriksa kelayakan
- Pilihan minat
Mengapa Termasuk:
Mencegah pengabaian borang, menunjukkan ketelitian, menyediakan pilihan negatif yang eksplisit dan meningkatkan ketepatan data.
📊 Kawalan Pemilihan Min/Maks
Kuantiti Pemilihan Kawalan:
Tetapkan bilangan kotak semak minimum dan maksimum yang mesti/boleh dipilih.
Pilihan Minimum:
Memerlukan pengguna untuk memilih sekurang-kurangnya X pilihan. Borang tidak akan dihantar sehingga keperluan dipenuhi.
Contoh:
- "Pilih sekurang-kurangnya 2 minat" (Min: 2)
- "Pilih minimum 3 pilihan" (Minimum: 3)
- "Pilih sekurang-kurangnya 1 pilihan" (Min: 1)
Pilihan Maksimum:
Hadkan pengguna kepada tidak memilih lebih daripada X pilihan. Kotak pilihan akan dinyahdayakan selepas had dicapai.
Contoh:
- "Pilih 3 ciri utama anda" (Maks: 3)
- "Pilih sehingga 5 perkhidmatan" (Maks: 5)
- "Pilih tidak lebih daripada 2 pilihan" (Maks: 2)
Maklum Balas yang Jelas:
Pengguna melihat mesej pengesahan seperti “Sila pilih sekurang-kurangnya 2 pilihan” atau “Maksimum 3 pilihan dibenarkan.”
🔧 Pengurusan Pilihan Mudah
Kawalan Penuh Ke Atas Pilihan:
- Tambah Pilihan – Taip dan tekan Enter atau klik “Tambah Pilihan.” Bina senarai kotak pilihan dalam beberapa saat.
- Edit Pilihan – Kemas kini teks paparan (apa yang dilihat pengguna) dan nilai (apa yang dihantar) secara bebas.
- Lalai Ditanda – Pra-pilih kotak pilihan tertentu dengan menanda kotak di sebelah setiap pilihan.
- Susun Semula Pilihan – Gunakan anak panah atas/bawah untuk menyusun kotak pilihan dalam susunan yang sempurna.
- Padam Pilihan – Alih keluar pilihan yang tidak diingini dengan satu klik.
Paparan vs. Nilai:
- Label: Apa yang dilihat oleh pengguna (cth., “Kemas Kini E-mel”)
- Nilai: Apa yang disimpan (cth., “kemas kini_email”)
Bangunan Pukal:
Tambah berbilang pilihan dengan cepat dengan menaip, menekan Enter, menaip, menekan Enter – penciptaan senarai kotak pilihan pantas.
☑️ Ciri-ciri Kotak Semak Tunggal
Pilihan Pengubahsuaian:
Teks Label Kotak Semak:
Teks yang dipaparkan di sebelah kotak pilihan. Jelaskan dan khususkan (cth., “Saya bersetuju untuk menerima e-mel pemasaran”).
Keadaan Disemak Lalai:
Tandakan kotak terlebih dahulu apabila borang dimuatkan. Gunakan dengan berhati-hati – pengguna harus menanda kotak persetujuan secara sedar.
Nilai Tersuai yang Dihantar:
Tetapkan nilai yang dihantar apabila ditanda (biasanya "ya", "1" atau "benar"). Lalai ialah "ya".
Pengesahan yang Diperlukan:
Pastikan kotak semak diwajibkan. Pengguna mesti menandanya untuk menghantar borang. Sesuai untuk perjanjian yang diperlukan.
🔀 Logik Bersyarat
Keterlihatan Kotak Semak Dinamik:
Tunjukkan atau sembunyikan medan kotak semak berdasarkan nilai borang lain. Paparkan pilihan hanya apabila berkaitan.
Peraturan Logik Lanjutan:
DAN Logik – Semua syarat mesti dipenuhi
Logik ATAU – Sebarang keadaan boleh mencetuskan tindakan
8 Operator – Sama dengan, Tidak sama dengan, Lebih besar daripada, Kurang daripada, Mengandungi, Kosong dan lebih banyak lagi
Gunakan Kes:
Tunjukkan kotak pilihan “Keutamaan penghantaran” hanya apabila “Memerlukan penghantaran” ditandakan
Paparkan “Topik surat berita” apabila kotak pilihan langganan ditanda
Dedahkan “Perkhidmatan tambahan” apabila jenis perkhidmatan bersamaan dengan “Premium”
Sembunyikan “Pilihan diskaun” apabila jumlah pesanan kurang daripada $50
🎯 Pengalaman Pengguna yang Dipertingkatkan
Ciri Pintar Terbina Dalam:
- Petunjuk Visual – Kosongkan kotak semak dengan jarak yang betul
- Navigasi Papan Kekunci – Tab melalui pilihan dengan mudah
- Mesra Sentuh – Sasaran ketik besar untuk mudah alih
- Pilihan Lalai – Pra-semak pilihan tertentu
- Kelas CSS Tersuai – Gunakan penggayaan pada kumpulan kotak pilihan
- Sokongan Kebolehcapaian – label ARIA, serasi dengan pembaca skrin
- Dioptimumkan Mudah Alih – Saiz kotak semak yang sempurna untuk sentuhan
- Label Jelas – Teks yang boleh dibaca dengan penjajaran yang betul
- Pengesahan Diperlukan – Padam mesej ralat
- Teks Bantuan – Tambah penerangan untuk kumpulan kotak pilihan yang kompleks
Persediaan Mudah dalam 3 Langkah
Sediakan Medan Kotak Semak anda dalam beberapa minit
Tambah Medan Kotak Semak
Seret dan lepas medan Kotak Semak daripada bahagian Medan Asas ke dalam borang anda.
Pilih Mod
Pilih “Kotak Semak Tunggal” untuk soalan ya/tidak atau “Kotak Semak Berbilang” untuk pilihan berbilang pilihan.
Konfigurasikan Pilihan
Untuk satu: tetapkan label dan nilai kotak pilihan. Untuk berbilang: tambah pilihan, pilih susun atur, dayakan pilihan “Pilih Semua” atau “Lain-lain” secara pilihan dan tetapkan pilihan minimum/maks.
🎉 Itu sahaja! Medan kotak pilihan anda sudah siap dengan pengesahan pintar.
Aplikasi Dunia Sebenar
Perjanjian & Persetujuan
* Penerimaan terma dan syarat
* Perjanjian dasar privasi
* Pilihan masuk persetujuan e-mel
* Langganan surat berita
Tinjauan & Maklum Balas
* Soalan “Pilih semua yang berkenaan”
* Pelbagai pilihan minat
* Koleksi pilihan ciri
* Pilihan minat topik
E-commerce
* Pemilihan ciri produk
* Tambahan perkhidmatan
* Pilihan penghantaran
* Pilihan pemberitahuan
Borang Pendaftaran
* Keutamaan komunikasi
* Kategori minat
* Tetapan kebenaran
* Pemilihan akses ciri
Aplikasi
* Pemeriksa kelayakan
* Pemilihan kemahiran
* Kawasan minat
* Pilihan ketersediaan
Tetapan & Keutamaan
* Tetapan akaun
* Pilihan privasi
* Pilihan pemberitahuan
* Togol ciri
Pilihan Medan Lengkap
Konfigurasi asas
- Label Medan – Soalan atau tajuk yang ditunjukkan di atas tandakan kotak pilihan
- Teks Penerangan/Bantuan – Panduan tambahan untuk pengguna
- Medan Wajib – Pastikan kotak semak wajib
- Pemegang tempat – Tidak berkenaan untuk kotak pilihan
Mod Kotak Semak
Pilih jenis mod:
- Kotak Semak Tunggal – Soalan, persetujuan atau ikut serta Ya/Tidak (satu kotak semak)
- Berbilang Kotak Semak – Pilihan berbilang pilihan (berbilang kotak semak)
Pilihan Kotak Semak Tunggal
- Teks Di Sebelah Kotak Semak – Label yang ditunjukkan di sebelah kotak semak (cth., “Saya bersetuju dengan terma”)
- Mula Ditanda – Kotak pilihan telah ditanda terlebih dahulu apabila borang dimuatkan
- Nilai Apabila Ditanda – Nilai data disimpan apabila ditanda (lalai: “ya”)
Pelbagai Pilihan Kotak Semak
Gaya Susun Atur:
- Bertindan (satu setiap baris) – Susunan menegak
- Bersebelahan (dalam satu baris) – Susunan mendatar
- Grid (berbilang lajur) – susun atur grid 2 lajur
Pilihan Kotak Semak:
Bina senarai pilihan anda:
- Paparan Teks – Apa yang dilihat oleh pengguna (cth., “E-mel”)
- Nilai – Apa yang dihantar (cth., “e-mel”)
- Lalai Disemak – Pra-pilih pilihan tertentu
- Susun semula – Alihkan pilihan ke atas/bawah
- Padam – Alih keluar pilihan
Pilihan Khas:
- Tambah Pilihan “Pilih Semua” – Menambah kotak pilihan di bahagian atas yang memilih/membatalkan pilihan semua pilihan
- Tambah Pilihan “Lain-lain” dengan Kotak Teks – Menambah pilihan “Lain-lain” dengan medan teks untuk respons tersuai
- Tambah Pilihan “Tiada satu pun di atas” – Menambah pilihan eksklusif yang menyahtanda semua pilihan lain apabila dipilih
Had Pemilihan:
- Pilihan Minimum Diperlukan – Bilangan kotak semak paling sedikit yang mesti dipilih (cth., 2)
- Pilihan Maksimum Dibenarkan – Kebanyakan kotak pilihan yang boleh dipilih (cth., 5)
Logik Bersyarat
- Dayakan Logik Bersyarat – Tunjukkan/sembunyikan berdasarkan syarat
- Jenis Logik
- Semua syarat mesti dipenuhi (DAN)
- Sebarang syarat boleh dipenuhi (ATAU)
- Peraturan Keadaan
- Tunjukkan/Sembunyikan – Tindakan yang perlu diambil
- Medan – Medan yang hendak disemak
- Operator – Sama dengan, Tidak sama dengan, Mengandungi, Lebih besar daripada, Kurang daripada, Kosong, Tidak kosong
- Nilai – Nilai perbandingan
- Pelbagai Syarat – Tambah peraturan tanpa had
Pilihan Lanjutan
- Medan Tersembunyi – Jadikan medan tidak kelihatan (tidak disyorkan untuk kotak pilihan)
- Kelas CSS Tersuai – Gunakan penggayaan tersuai
- Atribut Kebolehcapaian – Label ARIA untuk pembaca skrin
Mengapa Memilih Medan Kotak Semak Kami?
✅ Dua Mod – Kotak semak tunggal atau berbilang kotak semak dalam satu jenis medan
✅ Susun atur Fleksibel – Susunan menegak, mendatar atau grid
✅ Pilih Semua – Pilihan satu klik untuk kemudahan
✅ Pilihan Lain – Input teks untuk respons tersuai
✅ Tiada Pilihan – Pilihan eksklusif tanpa pilihan
✅ Had Min/Maks – Kawalan kuantiti pemilihan
✅ Pengurusan yang Mudah – Tambah, edit, susun semula, padam pilihan dengan mudah
✅ Mesra pengguna – Label yang jelas, jarak yang betul, mesra sentuhan
✅ Bersepadu Sepenuhnya – Berfungsi dengan lancar dengan semua ciri borang
Soalan Lazim
S: Apakah perbezaan antara mod kotak semak tunggal dan berbilang?
Mod tunggal menunjukkan satu kotak semak untuk keputusan ya/tidak. Mod berbilang menunjukkan beberapa kotak semak di mana pengguna boleh memilih lebih daripada satu pilihan.
S: Bolehkah pengguna memilih semua kotak pilihan sekaligus?
Ya. Dayakan pilihan “Pilih Semua” untuk menambah kotak pilihan yang menanda atau menyahtanda setiap pilihan dengan satu klik.
S: Bagaimanakah pilihan min/maks berfungsi?
Minimum memastikan pengguna memilih sekurang-kurangnya beberapa pilihan tertentu. Maksimum mengehadkan bilangan kotak pilihan yang boleh mereka pilih.
S: Apakah fungsi pilihan “Lain-lain”?
Ia menambah kotak pilihan tambahan berlabel “Lain-lain.” Apabila dipilih, medan teks muncul supaya pengguna boleh memasukkan jawapan tersuai.
S: Bagaimanakah "Tiada satu pun di atas" berfungsi?
Ia bertindak sebagai pilihan eksklusif. Jika dipilih, semua kotak pilihan lain akan dikosongkan. Jika terdapat pilihan lain yang ditanda, pilihan "Tiada" akan dinyahtanda secara automatik.
S: Bolehkah saya memilih terlebih dahulu kotak pilihan tertentu?
Ya. Untuk mod tunggal, hidupkan “Mula Disemak”. Untuk mod berbilang, tandakan kotak pilihan kecil di sebelah setiap pilihan yang anda mahu pilih secara lalai.
S: Perlukah saya menanda kotak perjanjian terlebih dahulu?
Tidak. Untuk dasar, terma dan persetujuan, pengguna harus menanda kotak itu sendiri secara aktif.
S: Bolehkah saya menukar susunan kotak pilihan?
Ya. Gunakan anak panah atas dan bawah di sebelah setiap pilihan untuk menyusunnya semula mengikut cara yang anda suka.
S: Apakah perbezaan antara teks paparan dan nilai?
Teks paparan ialah apa yang dilihat oleh pengguna. Nilai ialah apa yang disimpan dalam pangkalan data anda untuk data yang bersih dan konsisten.
S: Bolehkah saya menggunakan logik bersyarat dengan kotak pilihan?
Ya. Cetuskan medan lain berdasarkan pilihan menggunakan operator seperti “Sama dengan”, “Kosong”, atau “Bukan kosong”.
S: Bagaimanakah saya boleh mencipta kotak pilihan yang diperlukan?
Dayakan “Medan Wajib”. Untuk mod tunggal, kotak mesti ditanda. Untuk mod berbilang, pengguna mesti memilih sekurang-kurangnya satu pilihan atau memenuhi keperluan minimum anda.
S: Bolehkah pengguna menukar pilihan selepas menyemak?
Ya. Mereka boleh menanda atau menyahtanda sebarang pilihan dengan bebas sebelum menghantar borang. "Pilih Semua" juga boleh ditukar pada bila-bila masa.
