Butang Radio
Kumpulkan pilihan tunggal dengan kejelasan dan gaya. Daripada soalan ya/tidak yang mudah kepada pilihan berbilang pilihan yang kompleks dengan susun atur fleksibel, pilihan tersuai dan ciri pintar – medan Butang Radio memastikan pengguna memilih tepat satu jawapan daripada senarai anda.
Sesuai untuk Soalan Pilihan Tunggal
Sesuai untuk:
Ciri-ciri Hebat untuk Setiap Kes Penggunaan
🎨 Pilihan Susun Atur Fleksibel
Tiga Susun Atur Profesional:
- Menegak (Bertindan) – Pilihan dipaparkan satu setiap baris, disusun secara menegak. Susun atur paling tradisional dan boleh dibaca untuk label pilihan yang panjang.
- Mendatar (Sebaris) – Pilihan dipaparkan bersebelahan dalam satu baris. Sesuai untuk label pendek dan borang padat.
- Grid (2 Lajur) – Pilihan disusun dalam grid dua lajur. Menjimatkan ruang sambil mengekalkan kebolehbacaan.
Pilih Berdasarkan:
- Menegak: Label pilihan panjang, pilihan terperinci, bentuk tradisional
- Mendatar: 2-5 pilihan pendek (Ya/Tidak, Lelaki/Perempuan, dll.)
- Grid: 4+ pilihan sederhana panjang, susun atur seimbang
Tingkah Laku Responsif:
Semua susun atur menyesuaikan diri secara automatik dengan skrin mudah alih, disusun secara menegak apabila diperlukan untuk interaksi sentuhan yang lebih baik.
🎲 Rawakkan Susunan Pilihan
Rawak Gred Tinjauan
Kocok susunan pilihan setiap kali borang dimuatkan. Menghapuskan bias kedudukan dalam tinjauan, tinjauan pendapat dan borang penyelidikan.
Mengapa Rawakkan?
- Mencegah bias susunan dalam tinjauan
- Memastikan pengagihan pemilihan yang adil
- Metodologi penyelidikan profesional
- Meningkatkan kualiti data
Perfect For:
- Borang tinjauan dan soal selidik
- Pengujian dan penyelidikan A/B
- Pengundian dan pengundian
- Kajian keutamaan
Tingkah Laku Pintar:
Pilihan khas seperti "Lain-lain" dan "Tiada satu pun di atas" boleh kekal di bahagian bawah walaupun pilihan utama dirawak.
❌ Pilihan “Tiada Satu pun di Atas”
Bukan Pemilihan Eksplisit
Tambahkan pilihan “Tiada satu pun di atas” atau “Tidak berkenaan” di hujung senarai anda. Memberikan pengguna cara yang jelas untuk menunjukkan tiada pilihan yang terpakai.
Mengapa Perlu Sertakan Ini?
- Mencegah pilihan paksa
- Meningkatkan ketepatan data
- Menunjukkan semua asas yang diliputi
- Mengurangkan pengabaian borang
Perfect For:
- Soalan pilihan pilihan
- Soalan gaya "Pilih semua yang berkenaan"
- Pemeriksa kelayakan
- Pilihan minat
Kedudukan Pintar:
Pilihan "Tiada" sentiasa muncul terakhir, memberikan pemisahan yang jelas daripada pilihan biasa.
🔧 Pengurusan Pilihan Mudah
Kawalan Penuh Ke Atas Pilihan:
- Tambah Pilihan – Taip dan klik “Tambah Pilihan” atau tekan Enter. Bina senarai anda dalam beberapa saat.
- Pilihan Edit – Kemas kini teks paparan (apa yang dilihat pengguna) dan nilai (apa yang dihantar) secara berasingan.
- Susun Semula Pilihan – Gunakan anak panah atas/bawah untuk menyusun pilihan dalam susunan yang sempurna.
- Padam Pilihan – Alih keluar pilihan dengan satu klik. Tiada pilihan yang kekal.
Paparan vs. Nilai:
- Label: Apa yang dilihat oleh pengguna (cth., “Perkhidmatan Cemerlang”)
- Nilai: Apa yang disimpan dalam pangkalan data (cth., “perkhidmatan_cemerlang”)
Bangunan Pukal:
Tambah berbilang pilihan dengan cepat dengan menaip, menekan Enter, menaip, menekan Enter – penciptaan pilihan pantas untuk senarai panjang.
✅ Pilihan Lalai
Pra-Pilih Pilihan
Pilih butang radio yang dipilih secara lalai apabila borang dimuatkan. Membimbing pengguna ke arah jawapan biasa atau menyerlahkan pilihan yang disyorkan.
Gunakan Kes:
Pra-pilih jawapan yang paling biasa untuk mempercepatkan penyiapan
Serlahkan pilihan yang disyorkan (cth., pelan “Nilai Terbaik”)
Tetapkan pilihan perjanjian lalai (syarat diterima)
Bimbing pengguna ke arah pilihan yang diutamakan
Atau Tiada Lalai:
Biarkan semua pilihan tidak dipilih, yang memerlukan pengguna membuat pilihan secara aktif. Sesuai untuk soalan yang memerlukan pemilihan sedar.
✏️ Pilihan “Lain-lain” dengan Input Teks
Koleksi Jawapan Tersuai
Tambahkan pilihan “Lain-lain” yang memaparkan input teks apabila dipilih. Pengguna boleh menentukan jawapan mereka sendiri jika tiada satu pun pilihan pratetap yang sesuai.
Label Boleh Disesuaikan:
- Tukar teks label "Lain-lain" agar sepadan dengan keperluan anda:
- “Lain-lain (sila nyatakan)”
- "Sesuatu yang lain"
- "Jawapan tersuai"
- "Tidak disenaraikan"
Bagaimana Ia Berfungsi:
Apabila pengguna memilih “Lain-lain”, medan teks akan muncul serta-merta untuk mereka menaip respons tersuai mereka. Kedua-dua pilihan “Lain-lain” dan teks mereka akan dihantar.
Gunakan Kes:
- “Bagaimana anda mengetahui tentang kami?” dengan sumber rujukan tersuai
- Pilihan produk dengan pilihan yang tidak tersenarai
- Kategori maklum balas dengan “Kebimbangan lain”
- Mana-mana senarai yang tidak dapat merangkumi semua kemungkinan
🔀 Logik Bersyarat
Keterlihatan Butang Radio Dinamik
Tunjukkan atau sembunyikan medan butang radio berdasarkan nilai borang lain. Cipta borang pintar yang menyesuaikan diri dengan pilihan pengguna.
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 pilihan produk hanya apabila jenis produk dipilih
- Paparkan pilihan penghantaran apabila kaedah penghantaran bersamaan dengan “Ekspres”
- Sembunyikan pelan pembayaran apabila jumlah pesanan kurang daripada $100
- Dedahkan soalan tambahan berdasarkan jawapan awal
🎯 Pengalaman Pengguna yang Dipertingkatkan
Ciri Pintar Terbina Dalam:
- Penguatkuasaan Pemilihan Tunggal – Hanya satu pilihan yang boleh dipilih pada satu masa (tingkah laku standard butang radio)
- Pengesahan Diperlukan – Pastikan pemilihan wajib dengan mesej ralat yang jelas
- Navigasi Papan Kekunci – Kekunci anak panah bergerak antara pilihan untuk kebolehcapaian
- Kelas CSS Tersuai – Gunakan penggayaan tersuai agar sepadan dengan jenama anda
- Sokongan Kebolehcapaian – label ARIA, serasi dengan pembaca skrin
- Dioptimumkan Mudah Alih – Mesra sentuhan dengan sasaran ketik yang lebih besar
- Maklum Balas Visual – Petunjuk jelas tentang pilihan yang dipilih
- Sokongan Teks Bantuan – Tambah penerangan untuk menjelaskan pilihan
Persediaan Mudah dalam 3 Langkah
Sediakan Medan Butang Radio anda dalam beberapa minit
Tambah Medan Butang Radio
Seret dan lepas medan Butang Radio daripada bahagian Medan Asas ke dalam borang anda.
Tambah Pilihan Anda
Taip label pilihan dan klik “Tambah Pilihan” untuk membina senarai anda. Susun semula dengan anak panah, edit label dan nilai mengikut keperluan.
Pilih Susun Atur & Ciri
Pilih gaya susun atur (menegak, mendatar atau grid), secara pilihan, tambahkan pilihan "Lain-lain" atau "Tiada satu pun di atas", tetapkan pilihan lalai jika dikehendaki.
🎉 Itu sahaja! Butang radio anda sedia untuk pilihan tunggal.
Aplikasi Dunia Sebenar
Tinjauan & Maklum Balas
* Penilaian kepuasan (Sangat Berpuas Hati hingga Sangat Tidak Berpuas Hati)
* Skala persetujuan (Sangat Setuju hingga Sangat Tidak Setuju)
* Soalan kekerapan (Harian, Mingguan, Bulanan, Jarang, Tidak Pernah)
* Soalan penilaian (1-5 bintang, Cemerlang hingga Lemah)
E-commerce
* Pemilihan saiz produk (Kecil, Sederhana, Besar, XL)
* Pilihan warna
* Pilihan kaedah penghantaran
* Pilihan pembalut hadiah
Borang Pendaftaran
* Pemilihan jantina
* Pilihan lingkungan umur
* Tahap pengalaman (Pemula, Pertengahan, Lanjutan)
* Pemilihan peringkat keahlian
Aplikasi Perniagaan
* Tahap keutamaan (Tinggi, Sederhana, Rendah)
* Pemilihan Jabatan
* Pilihan perhubungan (Emel, Telefon, SMS)
* Pilihan julat bajet
Pendidikan & Latihan
* Pemilihan peringkat kursus
* Keutamaan kadar pembelajaran
* Ketersediaan jadual
* Jenis pensijilan
Penjagaan Kesihatan & Kesejahteraan
* Pemilihan jenis temujanji
* Pilihan penyedia insurans
* Keterukan simptom (Ringan, Sederhana, Teruk)
* Keutamaan perundingan
Pilihan Medan Lengkap
Konfigurasi asas
- Label Medan – Soalan atau tajuk yang ditunjukkan di atas butang radio
- Teks Penerangan/Bantuan – Panduan tambahan untuk pengguna
- Medan Wajib – Pastikan pilihan wajib
- Pemegang tempat – Tidak berkenaan untuk butang radio
Susun Atur & Pembentangan
- Gaya Susun atur
- Menegak (bersusun) – satu setiap baris
- Mendatar (sebaris) – bersebelahan
- Grid (2 lajur) – susun atur seimbang
Pilihan Butang Radio
- Tambah Pilihan – Bina senarai pilihan anda
- Paparan Teks – Apa yang dilihat oleh pengguna
- Nilai – Apa yang dihantar bersama borang
- Susun semula – Alihkan pilihan ke atas/bawah
- Padam – Alih keluar pilihan
Pilihan Lalai
Nilai Pilihan Lalai – Pra-pilih pilihan atau biarkan kosong jika tiada pilihan lalai
Pilihan Khas
- Tambah Pilihan "Lain-lain" – Benarkan input teks tersuai
- Label Pilihan Lain – Sesuaikan teks “Lain-lain” (lalai: “Lain-lain (sila nyatakan)”)
- Tambah Pilihan “Tiada satu pun di atas” – Tambah pilihan bukan pilihan yang jelas pada akhir
Ciri Lanjutan
Rawakkan Tertib – Tunjukkan pilihan dalam tertib rawak (berguna untuk tinjauan bagi mengelakkan bias tertib)
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 lain
- Medan Tersembunyi – Jadikan medan tidak kelihatan tetapi sertakan nilai yang dipilih dalam penyerahan
- Kelas CSS Tersuai – Gunakan penggayaan tersuai
- Atribut Kebolehcapaian – label dan perihalan ARIA
Mengapa Memilih Medan Butang Radio Kami?
✅ Susun atur Fleksibel – Susunan menegak, mendatar atau grid
✅ Ciri-ciri Tinjauan – Tertib rawak untuk keputusan yang tidak berat sebelah
✅ Mesra pengguna – Pilihan “Lain-lain” untuk jawapan tersuai
✅ Kawalan Lengkap – Pilihan tambah, edit, susun semula, padam yang mudah
✅ Lalai Pintar – Pra-pilih pilihan biasa atau disyorkan
✅ Profesional – “Tiada satu pun di atas” untuk tinjauan yang betul
✅ Mudah Alih Dioptimumkan – Mesra sentuhan dengan sasaran ketukan yang sempurna
✅ Accessible – Sokongan navigasi papan kekunci dan pembaca skrin
✅ Bersepadu Sepenuhnya – Berfungsi dengan lancar dengan semua ciri borang
Soalan Lazim
S: Apakah perbezaan antara butang radio dan kotak pilihan?
Butang radio hanya membenarkan satu pilihan. Kotak pilihan membenarkan berbilang pilihan. Gunakan radio untuk “pilih satu” dan kotak pilihan untuk “pilih mana-mana”.
S: Bolehkah pengguna menukar pilihan radio mereka?
Ya. Memilih butang radio baharu akan membatalkan pilihan butang sebelumnya secara automatik.
S: Bilakah saya perlu menggunakan susun atur menegak vs mendatar?
Gunakan susun atur menegak untuk senarai yang lebih panjang atau label panjang, susun atur mendatar untuk set dua atau tiga pilihan pendek dan susun atur grid untuk kumpulan pilihan bersaiz sederhana.
S: Bagaimanakah pilihan “Lain-lain” berfungsi?
Memilih “Lain-lain” akan memaparkan medan teks tempat pengguna menaip jawapan tersuai. Kedua-dua pilihan dan teks dihantar.
S: Apakah fungsi tertib rawak?
Setiap kali borang dimuatkan, susunan pilihan berubah untuk mengurangkan bias dalam respons.
S: Patutkah saya menetapkan pilihan lalai?
Tetapkan satu jika anda ingin mempercepatkan penyiapan atau membimbing pengguna. Biarkan kosong apabila anda memerlukan mereka membuat pilihan yang disengajakan.
S: Apakah kegunaan pilihan “Tiada satu pun di atas”?
Ia membolehkan pengguna menunjukkan bahawa tiada pilihan tersenarai terpakai, meningkatkan ketepatan dan mencegah jawapan paksa.
S: Bolehkah saya mempunyai teks paparan dan nilai yang dihantar yang berbeza?
Ya. Teks paparan ditunjukkan kepada pengguna dan nilai yang disimpan dalam penyerahan boleh menjadi lebih bersih atau lebih berstruktur.
S: Bagaimanakah saya boleh menyusun semula pilihan butang radio saya?
Gunakan anak panah atas dan bawah di sebelah setiap pilihan untuk mengalihkannya ke dalam susunan yang anda suka.
S: Bolehkah butang radio diperlukan?
Ya. Dayakan “Medan Wajib” dan pengguna mesti memilih satu pilihan sebelum menghantar.
S: Adakah butang radio berfungsi pada mudah alih?
Ya. Ia menggunakan kawalan mesra sentuh dan disusun secara menegak pada skrin kecil secara automatik.
S: Bolehkah saya menggunakan logik bersyarat dengan butang radio?
Ya. Tunjukkan atau sembunyikan medan berdasarkan pilihan yang dipilih menggunakan "Sama dengan" atau syarat yang serupa.
