ปุ่มวิทยุ
รวบรวมตัวเลือกแบบเดี่ยวได้อย่างชัดเจนและมีสไตล์ ตั้งแต่คำถามง่ายๆ ว่าใช่/ไม่ใช่ ไปจนถึงตัวเลือกหลายตัวเลือกที่ซับซ้อน พร้อมเค้าโครงที่ยืดหยุ่น ตัวเลือกที่กำหนดเอง และคุณสมบัติอัจฉริยะ – ฟิลด์ปุ่มวิทยุ (Radio Buttons) ช่วยให้ผู้ใช้เลือกคำตอบเพียงคำตอบเดียวจากรายการของคุณ
เหมาะสำหรับคำถามแบบเลือกตอบข้อเดียว
เหมาะสำหรับ:
คุณสมบัติทรงพลังที่ตอบโจทย์ทุกการใช้งาน
🎨 ตัวเลือกการจัดวางที่ยืดหยุ่น
รูปแบบการจัดวางแบบมืออาชีพสามแบบ:
- แนวตั้ง (เรียงซ้อน) – ตัวเลือกจะปรากฏทีละรายการในแต่ละบรรทัด โดยเรียงซ้อนกันในแนวตั้ง เป็นรูปแบบดั้งเดิมและอ่านง่ายที่สุดสำหรับป้ายกำกับตัวเลือกที่ยาว
- แนวนอน (แบบเรียงแถว) – ตัวเลือกจะปรากฏเคียงข้างกันเป็นแถว เหมาะสำหรับป้ายกำกับสั้นๆ และแบบฟอร์มขนาดกะทัดรัด
- ตาราง (2 คอลัมน์) – ตัวเลือกต่างๆ จัดเรียงในรูปแบบตารางสองคอลัมน์ ช่วยประหยัดพื้นที่โดยยังคงอ่านง่าย
เลือกตาม:
- แนวตั้ง: ป้ายตัวเลือกยาว ตัวเลือกที่มีรายละเอียด รูปแบบดั้งเดิม
- แนวนอน: ตัวเลือกสั้นๆ 2-5 ตัวเลือก (ใช่/ไม่ใช่, ชาย/หญิง เป็นต้น)
- ตาราง: มีตัวเลือกความยาวปานกลาง 4 แบบขึ้นไป จัดวางอย่างสมดุล
พฤติกรรมตอบสนอง:
เลย์เอาต์ทั้งหมดจะปรับให้เข้ากับหน้าจอมือถือโดยอัตโนมัติ โดยจะเรียงซ้อนกันในแนวตั้งเมื่อจำเป็น เพื่อการใช้งานแบบสัมผัสที่ดีขึ้น
🎲 สุ่มลำดับตัวเลือก
การสุ่มตัวอย่างระดับการสำรวจ
สลับลำดับของตัวเลือกทุกครั้งที่โหลดแบบฟอร์ม ช่วยลดอคติเรื่องลำดับในแบบสำรวจ โพล และแบบฟอร์มวิจัย
ทำไมต้องสุ่ม?
- ป้องกันความลำเอียงด้านลำดับในการสำรวจ
- รับประกันการคัดเลือกและการกระจายอย่างเป็นธรรม
- ระเบียบวิธีวิจัยเชิงวิชาชีพ
- ปรับปรุงคุณภาพข้อมูล
เหมาะสำหรับ:
- แบบฟอร์มสำรวจและแบบสอบถาม
- การทดสอบ A/B และการวิจัย
- การสำรวจความคิดเห็นและการลงคะแนน
- การศึกษาความชอบ
พฤติกรรมที่ชาญฉลาด:
ตัวเลือกพิเศษ เช่น “อื่นๆ” และ “ไม่มีข้อใดถูกต้อง” สามารถคงอยู่ด้านล่างสุดได้ แม้ว่าตัวเลือกหลักจะถูกสุ่มแล้วก็ตาม
❌ ตัวเลือก “ไม่มีข้อใดถูกต้อง”
การไม่เลือกโดยชัดแจ้ง
เพิ่มตัวเลือก “ไม่มีข้อใดถูกต้อง” หรือ “ไม่เกี่ยวข้อง” ไว้ท้ายรายการ เพื่อให้ผู้ใช้สามารถระบุได้อย่างชัดเจนว่าไม่มีตัวเลือกใดที่ตรงกับความต้องการ
เหตุใดจึงต้องใส่ข้อมูลนี้?
- ป้องกันการเลือกแบบบังคับ
- ปรับปรุงความถูกต้องของข้อมูล
- แสดงให้เห็นว่าครอบคลุมทุกด้านแล้ว
- ช่วยลดการละทิ้งแบบฟอร์ม
เหมาะสำหรับ:
- คำถามเกี่ยวกับความชอบเพิ่มเติม (ไม่บังคับ)
- คำถามแบบ “เลือกคำตอบที่ถูกต้องทั้งหมด”
- ผู้ตรวจสอบคุณสมบัติ
- การเลือกความสนใจ
การวางตำแหน่งอัจฉริยะ:
ตัวเลือก “ไม่มี” จะปรากฏเป็นอันดับสุดท้ายเสมอ เพื่อให้แยกออกจากตัวเลือกปกติได้อย่างชัดเจน
🔧 การจัดการตัวเลือกที่ง่ายดาย
ควบคุมการเลือกได้อย่างเต็มที่:
- เพิ่มตัวเลือก – พิมพ์และคลิก “เพิ่มตัวเลือก” หรือกด Enter สร้างรายการของคุณได้ในไม่กี่วินาที
- ตัวเลือกการแก้ไข – อัปเดตทั้งข้อความที่แสดง (สิ่งที่ผู้ใช้เห็น) และค่า (สิ่งที่ส่ง) ได้อย่างอิสระ
- จัดเรียงตัวเลือกใหม่ – ใช้ลูกศรขึ้น/ลงเพื่อจัดเรียงตัวเลือกตามลำดับที่เหมาะสมที่สุด
- ลบตัวเลือก – ลบตัวเลือกได้ด้วยการคลิกเพียงครั้งเดียว ไม่มีตัวเลือกใดคงอยู่ถาวร
การแสดงผลเทียบกับมูลค่า:
- ป้ายกำกับ: สิ่งที่ผู้ใช้เห็น (เช่น “บริการยอดเยี่ยม”)
- ค่า: สิ่งที่ถูกจัดเก็บไว้ในฐานข้อมูล (เช่น “บริการยอดเยี่ยม”)
การก่อสร้างอาคารขนาดใหญ่:
เพิ่มตัวเลือกหลายรายการได้อย่างรวดเร็วโดยการพิมพ์แล้วกด Enter จากนั้นพิมพ์แล้วกด Enter อีกครั้ง – สร้างตัวเลือกได้อย่างรวดเร็วสำหรับรายการยาวๆ
✅ การเลือกค่าเริ่มต้น
เลือกตัวเลือกไว้ล่วงหน้า
เลือกปุ่มตัวเลือก (radio button) ที่จะถูกเลือกโดยค่าเริ่มต้นเมื่อแบบฟอร์มโหลดขึ้นมา วิธีนี้จะช่วยแนะนำผู้ใช้ไปยังคำตอบที่พบบ่อย หรือเน้นตัวเลือกที่แนะนำ
ใช้กรณี:
เลือกคำตอบที่พบบ่อยที่สุดล่วงหน้าเพื่อช่วยให้การดำเนินการรวดเร็วขึ้น
ไฮไลต์ตัวเลือกที่แนะนำ (เช่น แผน "คุ้มค่าที่สุด")
ตั้งค่าตัวเลือกข้อตกลงเริ่มต้น (ยอมรับข้อกำหนด)
แนะนำผู้ใช้ให้เลือกสิ่งที่ต้องการ
หรือไม่มีค่าเริ่มต้น:
ปล่อยตัวเลือกทั้งหมดว่างไว้ เพื่อให้ผู้ใช้ต้องเลือกด้วยตนเอง เหมาะสำหรับคำถามที่ต้องการการตัดสินใจอย่างรอบคอบ
✏️ ตัวเลือก “อื่นๆ” พร้อมช่องป้อนข้อความ
ชุดคำตอบที่กำหนดเอง
เพิ่มตัวเลือก “อื่นๆ” ที่จะแสดงช่องป้อนข้อความเมื่อเลือก ผู้ใช้สามารถระบุคำตอบของตนเองได้หากไม่มีตัวเลือกที่กำหนดไว้ล่วงหน้าเหมาะสม
ฉลากที่สามารถปรับแต่งได้:
- เปลี่ยนข้อความในป้ายกำกับ “อื่นๆ” ให้ตรงกับความต้องการของคุณ:
- “อื่นๆ (โปรดระบุ)”
- “อย่างอื่น”
- “คำตอบที่กำหนดเอง”
- “ไม่มีรายชื่อ”
วิธีการทำงาน:
เมื่อผู้ใช้เลือก “อื่นๆ” ช่องข้อความจะปรากฏขึ้นทันทีเพื่อให้ผู้ใช้พิมพ์คำตอบที่กำหนดเอง ทั้งการเลือก “อื่นๆ” และข้อความที่พิมพ์จะถูกส่งไป
ใช้กรณี:
- “คุณรู้จักเราได้อย่างไร?” พร้อมระบุแหล่งที่มาของการอ้างอิงที่กำหนดเอง
- ความชอบในผลิตภัณฑ์โดยมีตัวเลือกที่ไม่ได้ระบุไว้
- หมวดหมู่ข้อเสนอแนะที่มี “ข้อกังวลอื่นๆ”
- รายการใดก็ตามที่ไม่สามารถครอบคลุมความเป็นไปได้ทั้งหมดได้
🔀 ตรรกะแบบมีเงื่อนไข
การแสดงผลปุ่มวิทยุแบบไดนามิก
แสดงหรือซ่อนช่องตัวเลือกแบบวิทยุตามค่าอื่นๆ ในแบบฟอร์ม สร้างแบบฟอร์มอัจฉริยะที่ปรับเปลี่ยนตามการเลือกของผู้ใช้
กฎตรรกะขั้นสูง:
- ตรรกะ AND – ต้องเป็นไปตามเงื่อนไขทั้งหมด
- ตรรกะแบบ OR – เงื่อนไขใดๆ ก็สามารถกระตุ้นการกระทำนี้ได้
- ตัวดำเนินการ 8 แบบ – เท่ากับ ไม่เท่ากับ มากกว่า น้อยกว่า มีอยู่ ว่างเปล่า และอื่นๆ
ใช้กรณี:
- แสดงตัวเลือกสินค้าเฉพาะเมื่อเลือกประเภทสินค้าแล้วเท่านั้น
- แสดงตัวเลือกการจัดส่งเมื่อวิธีการจัดส่งเป็น “ด่วน”
- ซ่อนแผนการชำระเงินเมื่อยอดรวมคำสั่งซื้อต่ำกว่า 100 ดอลลาร์
- เปิดเผยคำถามเพิ่มเติมโดยอิงจากคำตอบเริ่มต้น
🎯 ประสบการณ์การใช้งานที่ดียิ่งขึ้น
คุณสมบัติอัจฉริยะในตัว:
- การบังคับใช้การเลือกเพียงตัวเลือกเดียว – สามารถเลือกได้เพียงตัวเลือกเดียวในแต่ละครั้ง (พฤติกรรมมาตรฐานของปุ่มวิทยุ)
- การตรวจสอบความถูกต้องที่จำเป็น – กำหนดให้การเลือกเป็นข้อบังคับ พร้อมข้อความแสดงข้อผิดพลาดที่ชัดเจน
- การนำทางด้วยแป้นพิมพ์ – ใช้ปุ่มลูกศรเพื่อเลื่อนระหว่างตัวเลือกต่างๆ เพื่อความสะดวกในการใช้งาน
- คลาส CSS แบบกำหนดเอง – ปรับแต่งสไตล์ให้เข้ากับแบรนด์ของคุณ
- การสนับสนุนการเข้าถึง – ป้ายกำกับ ARIA, รองรับโปรแกรมอ่านหน้าจอ
- ปรับให้เหมาะสมสำหรับอุปกรณ์เคลื่อนที่ – ใช้งานง่ายด้วยระบบสัมผัส พร้อมพื้นที่แตะขนาดใหญ่ขึ้น
- การแสดงผลทางภาพ – แสดงให้เห็นอย่างชัดเจนถึงตัวเลือกที่เลือกไว้
- ข้อความช่วยเหลือ – เพิ่มคำอธิบายเพื่อชี้แจงตัวเลือกต่างๆ ให้ชัดเจนยิ่งขึ้น
ตั้งค่าได้ง่ายๆ เพียง 3 ขั้นตอน
เตรียมฟิลด์ปุ่มวิทยุของคุณให้พร้อมใช้งานได้ภายในไม่กี่นาที
เพิ่มช่องปุ่มตัวเลือก (Radio Buttons Field)
ลากและวางฟิลด์ปุ่มตัวเลือก (Radio Buttons) จากส่วนฟิลด์พื้นฐาน (Basic Fields) ลงในแบบฟอร์มของคุณ
เพิ่มตัวเลือกของคุณ
พิมพ์ป้ายกำกับตัวเลือกแล้วคลิก “เพิ่มตัวเลือก” เพื่อสร้างรายการของคุณ จัดเรียงลำดับใหม่ด้วยลูกศร แก้ไขป้ายกำกับและค่าต่างๆ ได้ตามต้องการ
เลือกรูปแบบและคุณสมบัติ
เลือกรูปแบบการจัดวาง (แนวตั้ง แนวนอน หรือแบบตาราง) สามารถเพิ่มตัวเลือก "อื่นๆ" หรือ "ไม่มีข้อใดข้างต้น" ได้ และตั้งค่าการเลือกเริ่มต้นได้หากต้องการ
🎉 แค่นั้นเอง! ปุ่มตัวเลือกของคุณพร้อมสำหรับการเลือกแบบตัวเลือกเดียวแล้ว
แอปพลิเคชั่นในโลกแห่งความจริง
ตัวเลือกฟิลด์ที่สมบูรณ์
การกำหนดค่าพื้นฐาน
- ป้ายกำกับช่อง – คำถามหรือหัวข้อที่แสดงอยู่เหนือปุ่มตัวเลือก
- คำอธิบาย/ข้อความช่วยเหลือ – คำแนะนำเพิ่มเติมสำหรับผู้ใช้งาน
- ช่องที่ต้องกรอก – กำหนดให้การเลือกเป็นสิ่งที่จำเป็น
- ข้อความตัวอย่าง – ไม่สามารถใช้ได้กับปุ่มตัวเลือก (radio buttons)
รูปแบบและการนำเสนอ
- รูปแบบเค้าโครง
- แนวตั้ง (เรียงซ้อนกัน) – หนึ่งภาพต่อหนึ่งแถว
- แนวนอน (เรียงกัน) – วางเคียงข้างกัน
- ตาราง (2 คอลัมน์) – การจัดวางแบบสมดุล
ตัวเลือกปุ่มวิทยุ
- เพิ่มตัวเลือก – สร้างรายการตัวเลือกของคุณ
- ข้อความที่แสดง – สิ่งที่ผู้ใช้เห็น
- ค่า – สิ่งที่ส่งมาพร้อมกับแบบฟอร์ม
- จัดลำดับใหม่ – เลื่อนตัวเลือกขึ้น/ลง
- ลบ – ตัวเลือกการลบ
การเลือกค่าเริ่มต้น
ค่าเริ่มต้นที่เลือกไว้ – เลือกตัวเลือกไว้ล่วงหน้า หรือเว้นว่างไว้เพื่อไม่ให้มีค่าเริ่มต้น
ตัวเลือกพิเศษ
- เพิ่มตัวเลือก “อื่นๆ” – อนุญาตให้ป้อนข้อความแบบกำหนดเอง
- ป้ายกำกับตัวเลือกอื่นๆ – ปรับแต่งข้อความ “อื่นๆ” (ค่าเริ่มต้น: “อื่นๆ (โปรดระบุ)”)
- เพิ่มตัวเลือก “ไม่มีข้อใดถูกต้อง” – เพิ่มตัวเลือกที่ไม่ระบุชัดเจนไว้ที่ส่วนท้าย
คุณลักษณะขั้นสูง
เรียงลำดับแบบสุ่ม – แสดงตัวเลือกในลำดับแบบสุ่ม (มีประโยชน์สำหรับแบบสำรวจเพื่อป้องกันอคติจากลำดับ)
ตรรกะเชิงเงื่อนไข
- เปิดใช้งานตรรกะแบบมีเงื่อนไข – แสดง/ซ่อนตามเงื่อนไข
- ประเภทลอจิก
- ต้องเป็นไปตามเงื่อนไขทั้งหมด (และ)
- เงื่อนไขใดๆ ก็สามารถบรรลุได้ (หรือ)
- กฎเกณฑ์เงื่อนไข
- แสดง/ซ่อน – การดำเนินการที่ต้องทำ
- ช่อง – ควรเลือกช่องใด
- ตัวดำเนินการ – เท่ากับ, ไม่เท่ากับ, มีอยู่, มากกว่า, น้อยกว่า, ว่างเปล่า, ไม่ว่างเปล่า
- มูลค่า – มูลค่าเปรียบเทียบ
- เงื่อนไขหลายรายการ – เพิ่มกฎได้ไม่จำกัดจำนวน
ตัวเลือกอื่น
- ช่องข้อมูลที่ซ่อนอยู่ – ทำให้ช่องข้อมูลนั้นมองไม่เห็น แต่ยังคงรวมค่าที่เลือกไว้ในข้อมูลที่ส่ง
- คลาส CSS แบบกำหนดเอง – ใช้การจัดสไตล์แบบกำหนดเอง
- คุณลักษณะด้านการเข้าถึง – ป้ายกำกับและคำอธิบาย ARIA

เหตุใดจึงควรเลือกใช้ช่องตัวเลือกแบบปุ่มวิทยุของเรา?
✅ เค้าโครงที่ยืดหยุ่น – การจัดเรียงแบบแนวตั้ง แนวนอน หรือแบบตาราง
✅ คุณสมบัติของแบบสำรวจ – สุ่มลำดับเพื่อให้ได้ผลลัพธ์ที่เป็นกลาง
✅ ที่ใช้งานง่าย – ตัวเลือก “อื่นๆ” สำหรับคำตอบที่กำหนดเอง
✅ การควบคุมที่สมบูรณ์ – เพิ่ม แก้ไข จัดลำดับใหม่ และลบตัวเลือกได้ง่าย
✅ ค่าเริ่มต้นอัจฉริยะ – เลือกตัวเลือกทั่วไปหรือตัวเลือกที่แนะนำไว้ล่วงหน้า
✅ มืออาชีพ – เลือก “ไม่มีข้อใดถูกต้อง” สำหรับแบบสำรวจที่ถูกต้อง
✅ เหมาะสำหรับมือถือ – ใช้งานง่ายด้วยระบบสัมผัส พร้อมจุดแตะที่แม่นยำ
✅ ที่สามารถเข้าถึงได้ – รองรับการใช้งานแป้นพิมพ์และโปรแกรมอ่านหน้าจอ
✅ บูรณาการอย่างเต็มที่ – ใช้งานร่วมกับฟีเจอร์ต่างๆ ของแบบฟอร์มได้อย่างราบรื่น
คำถามที่พบบ่อย (FAQs)
ถาม: ปุ่มตัวเลือก (radio buttons) กับช่องทำเครื่องหมาย (checkboxes) ต่างกันอย่างไร?
ปุ่มวิทยุอนุญาตให้เลือกได้เพียงหนึ่งตัวเลือก ส่วนช่องทำเครื่องหมายอนุญาตให้เลือกได้หลายตัวเลือก ใช้ปุ่มวิทยุสำหรับ "เลือกหนึ่งตัวเลือก" และใช้ช่องทำเครื่องหมายสำหรับ "เลือกได้หลายตัวเลือก"
ถาม: ผู้ใช้สามารถเปลี่ยนการเลือกวิทยุได้หรือไม่?
ใช่ การเลือกปุ่มตัวเลือกใหม่จะยกเลิกการเลือกตัวเลือกก่อนหน้าโดยอัตโนมัติ
ถาม: ควรใช้เลย์เอาต์แนวตั้งหรือแนวนอนเมื่อใด?
ใช้รูปแบบแนวตั้งสำหรับรายการหรือป้ายกำกับที่ยาว รูปแบบแนวนอนสำหรับชุดตัวเลือกสั้นๆ สองหรือสามตัวเลือก และรูปแบบตารางสำหรับกลุ่มตัวเลือกขนาดกลาง
ถาม: ตัวเลือก “อื่นๆ” ทำงานอย่างไร?
การเลือก “อื่นๆ” จะแสดงช่องข้อความให้ผู้ใช้พิมพ์คำตอบที่กำหนดเอง ทั้งการเลือกและข้อความจะถูกส่งไป
ถาม: การสุ่มลำดับมีผลอย่างไร?
ทุกครั้งที่แบบฟอร์มโหลด ลำดับของตัวเลือกจะเปลี่ยนไปเพื่อลดอคติในการตอบกลับ
ถาม: ฉันควรตั้งค่าการเลือกเริ่มต้นหรือไม่?
ตั้งค่าหนึ่งหากคุณต้องการเร่งการดำเนินการหรือแนะนำผู้ใช้ เว้นว่างไว้หากคุณต้องการให้ผู้ใช้เลือกด้วยตนเอง
ถาม: ตัวเลือก “ไม่มีข้อใดถูกต้อง” ใช้สำหรับอะไร?
ฟังก์ชันนี้ช่วยให้ผู้ใช้ระบุได้ว่าไม่มีตัวเลือกใดในรายการที่เหมาะสม ซึ่งจะช่วยเพิ่มความแม่นยำและป้องกันการตอบคำถามแบบบังคับ
ถาม: ฉันสามารถตั้งค่าข้อความที่แสดงและค่าที่ส่งมาแตกต่างกันได้หรือไม่?
ใช่แล้ว ข้อความที่แสดงจะปรากฏให้ผู้ใช้เห็น และค่าที่จัดเก็บในข้อมูลที่ส่งเข้ามาสามารถจัดเรียงให้เป็นระเบียบหรือชัดเจนยิ่งขึ้นได้
ถาม: ฉันจะเรียงลำดับตัวเลือกปุ่มวิทยุใหม่ได้อย่างไร?
ใช้ลูกศรขึ้นและลงที่อยู่ถัดจากแต่ละตัวเลือกเพื่อเลื่อนไปยังลำดับที่คุณต้องการ
ถาม: จำเป็นต้องใช้ปุ่มตัวเลือกแบบวิทยุหรือไม่?
ใช่แล้ว เปิดใช้งาน “ช่องที่ต้องกรอก” และผู้ใช้ต้องเลือกตัวเลือกก่อนส่งข้อมูล
ถาม: ปุ่มตัวเลือก (radio buttons) ใช้งานได้บนมือถือหรือไม่?
ใช่แล้ว พวกมันใช้ระบบควบคุมแบบสัมผัสและจัดเรียงแนวตั้งโดยอัตโนมัติบนหน้าจอขนาดเล็ก
ถาม: ฉันสามารถใช้ตรรกะแบบมีเงื่อนไขกับปุ่มวิทยุได้หรือไม่?
ใช่แล้ว แสดงหรือซ่อนฟิลด์ตามตัวเลือกที่เลือกโดยใช้เงื่อนไข "เท่ากับ" หรือเงื่อนไขที่คล้ายกัน