रेडियो बटन
स्पष्टता और शैली के साथ एकल चयन एकत्र करें। सरल हां/ना प्रश्नों से लेकर लचीले लेआउट, कस्टम विकल्पों और स्मार्ट सुविधाओं के साथ जटिल बहु-विकल्प विकल्पों तक - रेडियो बटन फ़ील्ड यह सुनिश्चित करता है कि उपयोगकर्ता आपकी सूची से केवल एक ही उत्तर चुनें।
एकल विकल्प वाले प्रश्नों के लिए एकदम सही
के लिये बिल्कुल उचित:
हर उपयोग के लिए शक्तिशाली विशेषताएं
🎨 लचीले लेआउट विकल्प
तीन पेशेवर लेआउट:
- वर्टिकल (स्टैक्ड) – विकल्प एक पंक्ति में एक-एक करके दिखाई देते हैं, जो लंबवत रूप से व्यवस्थित होते हैं। लंबे विकल्प लेबल के लिए यह सबसे पारंपरिक और पठनीय लेआउट है।
- क्षैतिज (इनलाइन) – विकल्प एक पंक्ति में अगल-बगल दिखाई देते हैं। छोटे लेबल और कॉम्पैक्ट फॉर्म के लिए बिल्कुल उपयुक्त।
- ग्रिड (2 कॉलम) – विकल्पों को दो कॉलम वाले ग्रिड में व्यवस्थित किया गया है। इससे पठनीयता बनाए रखते हुए स्थान की बचत होती है।
इसके आधार पर चुनें:
- ऊर्ध्वाधर: लंबे विकल्प लेबल, विस्तृत विकल्प, पारंपरिक रूप
- क्षैतिज: 2-5 संक्षिप्त विकल्प (हाँ/नहीं, पुरुष/महिला, आदि)
- ग्रिड: 4+ मध्यम लंबाई के विकल्प, संतुलित लेआउट
प्रतिक्रियाशील व्यवहार:
सभी लेआउट मोबाइल स्क्रीन के अनुसार स्वचालित रूप से अनुकूलित हो जाते हैं, और बेहतर टच इंटरैक्शन के लिए आवश्यकता पड़ने पर लंबवत रूप से व्यवस्थित हो जाते हैं।
🎲 विकल्पों का क्रम यादृच्छिक करें
सर्वेक्षण-श्रेणी यादृच्छिकीकरण
फॉर्म लोड होने पर विकल्पों का क्रम बदलें। इससे सर्वेक्षणों, जनमत सर्वेक्षणों और शोध प्रपत्रों में स्थितिगत पूर्वाग्रह समाप्त हो जाता है।
यादृच्छिकीकरण क्यों करें?
- सर्वेक्षणों में क्रम संबंधी पूर्वाग्रह को रोकता है
- निष्पक्ष चयन वितरण सुनिश्चित करता है
- पेशेवर अनुसंधान पद्धति
- डेटा की गुणवत्ता में सुधार करता है
के लिये बिल्कुल उचित:
- सर्वेक्षण प्रपत्र और प्रश्नावली
- ए/बी परीक्षण और अनुसंधान
- मतदान और मतदान
- वरीयता अध्ययन
स्मार्ट व्यवहार:
मुख्य विकल्पों के यादृच्छिक होने पर भी "अन्य" और "उपरोक्त में से कोई नहीं" जैसे विशेष विकल्प सबसे नीचे रह सकते हैं।
❌ "उपरोक्त में से कोई नहीं" विकल्प
स्पष्ट गैर-चयन
अपनी सूची के अंत में "उपरोक्त में से कोई नहीं" या "लागू नहीं" का विकल्प जोड़ें। इससे उपयोगकर्ताओं को यह स्पष्ट रूप से बताने का मौका मिलेगा कि उनके लिए कोई विकल्प लागू नहीं होता है।
इसे शामिल क्यों किया गया?
- जबरन चयन को रोकता है
- डेटा सटीकता में सुधार करता है
- सभी पहलुओं को शामिल किया गया है
- फॉर्म छोड़ने की दर को कम करता है
के लिये बिल्कुल उचित:
- वैकल्पिक वरीयता प्रश्न
- “सभी लागू विकल्पों का चयन करें” शैली के प्रश्न
- योग्यता जांचकर्ता
- रुचि चयन
स्मार्ट पोजिशनिंग:
"कोई नहीं" विकल्प हमेशा सबसे अंत में दिखाई देता है, जिससे यह सामान्य विकल्पों से स्पष्ट रूप से अलग हो जाता है।
🔧 आसान विकल्प प्रबंधन
विकल्पों पर पूर्ण नियंत्रण:
- विकल्प जोड़ें – “विकल्प जोड़ें” टाइप करें और क्लिक करें या एंटर दबाएं। कुछ ही सेकंड में अपनी सूची बनाएं।
- संपादन विकल्प – डिस्प्ले टेक्स्ट (जो उपयोगकर्ताओं को दिखाई देता है) और मान (जो सबमिट किया जाता है) दोनों को स्वतंत्र रूप से अपडेट करें।
- विकल्पों को पुनः व्यवस्थित करें – विकल्पों को सही क्रम में व्यवस्थित करने के लिए ऊपर/नीचे तीर का उपयोग करें।
- विकल्प हटाएं – एक क्लिक से विकल्प हटाएं। कोई भी विकल्प स्थायी नहीं है।
प्रदर्शन बनाम मूल्य:
- लेबल: उपयोगकर्ता क्या देखते हैं (उदाहरण के लिए, "उत्कृष्ट सेवा")
- मान: डेटाबेस में संग्रहीत मान (उदाहरण के लिए, "उत्कृष्ट सेवा")
बल्क बिल्डिंग:
टाइप करके, एंटर दबाकर, फिर टाइप करके, फिर एंटर दबाकर कई विकल्प तुरंत जोड़ें – लंबी सूचियों के लिए तेजी से विकल्प तैयार करें।
✅ डिफ़ॉल्ट चयन
एक विकल्प पहले से चुन लें
फॉर्म लोड होने पर कौन सा रेडियो बटन डिफ़ॉल्ट रूप से चयनित होगा, यह चुनें। यह उपयोगकर्ताओं को सामान्य उत्तरों की ओर निर्देशित करता है या अनुशंसित विकल्पों को हाइलाइट करता है।
बक्सों का इस्तेमाल करें:
काम जल्दी पूरा करने के लिए सबसे आम उत्तर को पहले से चुन लें।
अनुशंसित विकल्प को हाइलाइट करें (उदाहरण के लिए, "सर्वोत्तम मूल्य" योजना)
डिफ़ॉल्ट सहमति विकल्प सेट करें (शर्तें स्वीकार की गईं)
उपयोगकर्ताओं को उनकी पसंदीदा पसंद की ओर निर्देशित करें
या कोई डिफ़ॉल्ट नहीं:
सभी विकल्पों को अचयनित छोड़ दें, जिससे उपयोगकर्ताओं को सक्रिय रूप से चुनाव करना पड़े। सचेत चयन की आवश्यकता वाले प्रश्नों के लिए आदर्श।
✏️ टेक्स्ट इनपुट के साथ "अन्य" विकल्प
अनुकूलित उत्तर संग्रह
एक "अन्य" विकल्प जोड़ें जिसे चुनने पर टेक्स्ट इनपुट दिखाई देगा। यदि कोई भी पूर्व निर्धारित विकल्प उपयुक्त न हो, तो उपयोगकर्ता अपना उत्तर स्वयं लिख सकते हैं।
अनुकूलन योग्य लेबल:
- अपनी आवश्यकताओं के अनुसार "अन्य" लेबल का टेक्स्ट बदलें:
- "अन्य (कृपया निर्दिष्ट करें)"
- कुछ और
- “अनुकूलित उत्तर”
- “सूची में शामिल नहीं”
यह कैसे काम करता है:
जब उपयोगकर्ता "अन्य" का चयन करते हैं, तो तुरंत एक टेक्स्ट फ़ील्ड दिखाई देता है जिसमें वे अपना जवाब लिख सकते हैं। "अन्य" का चयन और उनका लिखा हुआ टेक्स्ट, दोनों सबमिट हो जाते हैं।
बक्सों का इस्तेमाल करें:
- “आपको हमारे बारे में कैसे पता चला?” (कस्टम रेफरल स्रोत के साथ)
- सूचीबद्ध न किए गए विकल्पों के साथ उत्पाद प्राथमिकता
- "अन्य चिंताओं" वाले फीडबैक श्रेणियां
- कोई भी सूची जो सभी संभावनाओं को शामिल नहीं कर सकती
🔀 सशर्त तर्क
डायनामिक रेडियो बटन दृश्यता
फॉर्म के अन्य मानों के आधार पर रेडियो बटन फ़ील्ड को दिखाएं या छिपाएं। ऐसे स्मार्ट फॉर्म बनाएं जो उपयोगकर्ता के चयन के अनुसार अनुकूलित हो जाएं।
उन्नत तर्क नियम:
- AND लॉजिक – सभी शर्तें पूरी होनी चाहिए
- OR लॉजिक – कोई भी स्थिति क्रिया को ट्रिगर कर सकती है
- 8 ऑपरेटर – बराबर, बराबर नहीं, से बड़ा, से छोटा, शामिल है, खाली है, और भी बहुत कुछ
बक्सों का इस्तेमाल करें:
- उत्पाद प्रकार चुने जाने पर ही उत्पाद विकल्प दिखाएं
- शिपिंग विधि "एक्सप्रेस" होने पर शिपिंग प्राथमिकताएं प्रदर्शित करें।
- जब ऑर्डर की कुल राशि $100 से कम हो तो भुगतान योजनाएँ छिपाएँ
- प्रारंभिक उत्तर के आधार पर अतिरिक्त प्रश्न प्रकट करें
🎯 बेहतर उपयोगकर्ता अनुभव
इसमें अंतर्निहित स्मार्ट फीचर्स:
- एकल चयन प्रवर्तन – एक समय में केवल एक ही विकल्प का चयन किया जा सकता है (रेडियो बटन का मानक व्यवहार)
- अनिवार्य सत्यापन – स्पष्ट त्रुटि संदेशों के साथ चयन को अनिवार्य बनाएं
- कीबोर्ड नेविगेशन – तीर कुंजियाँ सुलभता के लिए विकल्पों के बीच जाने में सहायक होती हैं।
- कस्टम सीएसएस क्लासेस – अपने ब्रांड से मेल खाने वाली कस्टम स्टाइलिंग लागू करें
- अभिगम्यता सहायता – ARIA लेबल, स्क्रीन रीडर के साथ संगत
- मोबाइल के लिए अनुकूलित – बड़े टैप टारगेट के साथ टच-फ्रेंडली
- दृश्य प्रतिक्रिया – चयनित विकल्प का स्पष्ट संकेत
- सहायता पाठ समर्थन – विकल्पों को स्पष्ट करने के लिए विवरण जोड़ें
3 आसान चरणों में सेटअप करें
कुछ ही मिनटों में अपने रेडियो बटन को फील्ड में इस्तेमाल के लिए तैयार करें।
रेडियो बटन फ़ील्ड जोड़ें
बेसिक फील्ड्स सेक्शन से रेडियो बटन्स फील्ड को खींचकर अपने फॉर्म में छोड़ दें।
अपने विकल्प जोड़ें
विकल्पों के लेबल टाइप करें और अपनी सूची बनाने के लिए "विकल्प जोड़ें" पर क्लिक करें। तीरों की सहायता से क्रम बदलें, लेबल और मानों को आवश्यकतानुसार संपादित करें।
लेआउट और सुविधाओं का चयन करें
लेआउट शैली (ऊर्ध्वाधर, क्षैतिज या ग्रिड) चुनें, चाहें तो "अन्य" विकल्प या "उपरोक्त में से कोई नहीं" जोड़ें, यदि चाहें तो डिफ़ॉल्ट चयन सेट करें।
🎉 बस इतना ही! आपके रेडियो बटन एकल-विकल्प चयन के लिए तैयार हैं।
वास्तविक दुनिया के अनुप्रयोग
सर्वेक्षण और प्रतिक्रिया
* संतुष्टि रेटिंग (अत्यंत संतुष्ट से अत्यंत असंतुष्ट तक)
* सहमति के पैमाने (पूरी तरह सहमत से पूरी तरह असहमत तक)
* आवृत्ति संबंधी प्रश्न (दैनिक, साप्ताहिक, मासिक, कभी-कभार, कभी नहीं)
* रेटिंग संबंधी प्रश्न (1-5 सितारे, उत्कृष्ट से खराब)
ई वाणिज्य
* उत्पाद के आकार का चयन (स्मॉल, मीडियम, लार्ज, एक्सएल)
* रंग संबंधी प्राथमिकताएँ
* शिपिंग विधि के विकल्प
* उपहार लपेटने के विकल्प
पंजीकरण फार्म
* लिंग चयन
* आयु सीमा के विकल्प
* अनुभव स्तर (शुरुआती, मध्यवर्ती, उन्नत)
* सदस्यता स्तर का चयन
व्यावसायिक अनुप्रयोग
* प्राथमिकता स्तर (उच्च, मध्यम, निम्न)
* विभाग का चयन
* संपर्क करने का पसंदीदा तरीका (ईमेल, फोन, संदेश)
* बजट श्रेणी के विकल्प
शिक्षा और प्रशिक्षण
* पाठ्यक्रम स्तर का चयन
* सीखने की गति की प्राथमिकता
* समय सारिणी की उपलब्धता
* प्रमाणन प्रकार
स्वास्थ्य देखभाल एवं कल्याण
* नियुक्ति प्रकार का चयन
* बीमा प्रदाता का चयन
* लक्षणों की गंभीरता (हल्का, मध्यम, गंभीर)
* परामर्श प्राथमिकता
फ़ील्ड विकल्पों को पूरा करें
बुनियादी विन्यास
- फ़ील्ड लेबल – रेडियो बटनों के ऊपर दिखाया गया प्रश्न या शीर्षक
- विवरण/सहायता पाठ – उपयोगकर्ताओं के लिए अतिरिक्त मार्गदर्शन
- आवश्यक फ़ील्ड – चयन अनिवार्य करें
- प्लेसहोल्डर – रेडियो बटनों के लिए लागू नहीं है
लेआउट और प्रस्तुति
- लेआउट शैली
- ऊर्ध्वाधर (एक के ऊपर एक) – प्रति पंक्ति एक
- क्षैतिज (एक ही लाइन में) – अगल-बगल
- ग्रिड (2 कॉलम) – संतुलित लेआउट
रेडियो बटन विकल्प
- विकल्प जोड़ें – अपनी पसंद की सूची बनाएं
- प्रदर्शित पाठ – जो उपयोगकर्ता देखते हैं
- मूल्य – फॉर्म के साथ क्या जमा किया जाता है
- क्रम बदलें – विकल्पों को ऊपर/नीचे ले जाएं
- हटाएं – विकल्प हटाएं
डिफ़ॉल्ट चयन
डिफ़ॉल्ट चयनित मान – एक विकल्प पहले से चुनें, या कोई डिफ़ॉल्ट मान न रखने के लिए इसे खाली छोड़ दें
विशेष विकल्प
- “अन्य” विकल्प जोड़ें – कस्टम टेक्स्ट इनपुट की अनुमति दें
- अन्य विकल्प लेबल – “अन्य” टेक्स्ट को अनुकूलित करें (डिफ़ॉल्ट: “अन्य (कृपया निर्दिष्ट करें)”)
- "उपरोक्त में से कोई नहीं" विकल्प जोड़ें - अंत में स्पष्ट रूप से गैर-चयन का विकल्प जोड़ें
उन्नत सुविधाएँ
क्रम को यादृच्छिक करें – विकल्पों को यादृच्छिक क्रम में दिखाएं (सर्वेक्षणों में क्रम संबंधी पूर्वाग्रह को रोकने के लिए उपयोगी)
सशर्त तर्क
- सशर्त तर्क सक्षम करें – शर्तों के आधार पर दिखाएँ/छिपाएँ
- तर्क प्रकार
- सभी शर्तें पूरी होनी चाहिए (और)
- कोई भी शर्त पूरी हो सकती है (या)
- शर्त नियम
- दिखाएँ/छिपाएँ – की जाने वाली कार्रवाई
- फ़ील्ड – किस फ़ील्ड की जाँच करनी है
- ऑपरेटर – बराबर, बराबर नहीं, शामिल है, से बड़ा, से छोटा, खाली है, खाली नहीं है
- मूल्य – तुलनात्मक मूल्य
- एकाधिक शर्तें – असीमित नियम जोड़ें
अन्य विकल्प
- छिपा हुआ फ़ील्ड – फ़ील्ड को अदृश्य बनाएँ लेकिन चयनित मान को सबमिशन में शामिल करें
- कस्टम सीएसएस क्लासेस – कस्टम स्टाइलिंग लागू करें
- अभिगम्यता विशेषताएँ – ARIA लेबल और विवरण
आप हमारे रेडियो बटन फ़ील्ड को क्यों चुनें?
✅ लचीले लेआउट – ऊर्ध्वाधर, क्षैतिज या ग्रिड व्यवस्था
✅ सर्वेक्षण की विशेषताएं निष्पक्ष परिणामों के लिए क्रम को यादृच्छिक बनाएं
✅ यूजर फ्रेंडली – अनुकूलित उत्तरों के लिए “अन्य” विकल्प
✅ पूर्ण नियंत्रण – जोड़ने, संपादित करने, क्रम बदलने और हटाने के आसान विकल्प
✅ स्मार्ट डिफ़ॉल्ट – सामान्य या अनुशंसित विकल्पों का पूर्व-चयन करें
✅ पेशेवर – उचित सर्वेक्षणों के लिए “उपरोक्त में से कोई नहीं”
✅ मोबाइल अनुकूलित – स्पर्श के अनुकूल और सटीक टैप लक्ष्य के साथ
✅ सुलभ – कीबोर्ड नेविगेशन और स्क्रीन रीडर सपोर्ट
✅ पूरी तरह से एकीकृत – यह सभी फॉर्म सुविधाओं के साथ सहजता से काम करता है
अक्सर पूछे जाने वाले प्रश्न
प्रश्न: रेडियो बटन और चेकबॉक्स में क्या अंतर है?
रेडियो बटन से केवल एक ही विकल्प चुना जा सकता है। चेकबॉक्स से एक से अधिक विकल्प चुने जा सकते हैं। "एक चुनें" के लिए रेडियो बटन का और "कोई भी चुनें" के लिए चेकबॉक्स का उपयोग करें।
प्रश्न: क्या उपयोगकर्ता अपने रेडियो विकल्प को बदल सकते हैं?
जी हाँ। नया रेडियो बटन चुनने पर पिछला वाला स्वतः ही अचयनित हो जाता है।
प्रश्न: मुझे वर्टिकल लेआउट और हॉरिजॉन्टल लेआउट का उपयोग कब करना चाहिए?
लंबी सूचियों या लंबे लेबलों के लिए वर्टिकल लेआउट का उपयोग करें, दो या तीन विकल्पों वाले छोटे सेटों के लिए हॉरिजॉन्टल लेआउट का उपयोग करें, और मध्यम आकार के विकल्प समूहों के लिए ग्रिड लेआउट का उपयोग करें।
प्रश्न: "अन्य" विकल्प कैसे काम करता है?
"अन्य" चुनने पर एक टेक्स्ट फ़ील्ड खुलता है जहाँ उपयोगकर्ता अपना मनचाहा उत्तर लिख सकते हैं। चयन और टेक्स्ट दोनों सबमिट हो जाते हैं।
प्रश्न: क्रम को यादृच्छिक करने से क्या होता है?
फॉर्म लोड होने पर हर बार विकल्पों का क्रम बदल जाता है ताकि प्रतिक्रियाओं में पूर्वाग्रह को कम किया जा सके।
प्रश्न: क्या मुझे डिफ़ॉल्ट चयन सेट करना चाहिए?
यदि आप प्रक्रिया को तेज़ करना चाहते हैं या उपयोगकर्ताओं को मार्गदर्शन देना चाहते हैं तो इसे सेट करें। यदि आप चाहते हैं कि उपयोगकर्ता सोच-समझकर निर्णय लें तो इसे खाली छोड़ दें।
प्रश्न: "उपरोक्त में से कोई नहीं" विकल्प किस लिए है?
यह उपयोगकर्ताओं को यह इंगित करने की अनुमति देता है कि सूचीबद्ध विकल्पों में से कोई भी लागू नहीं होता है, जिससे सटीकता में सुधार होता है और जबरन दिए गए उत्तरों को रोका जा सकता है।
प्रश्न: क्या मैं अलग-अलग डिस्प्ले टेक्स्ट और सबमिट किए गए मान रख सकता हूँ?
हां। डिस्प्ले टेक्स्ट उपयोगकर्ताओं को दिखाया जाता है, और सबमिशन में संग्रहीत मान अधिक स्पष्ट या अधिक संरचित हो सकता है।
प्रश्न: मैं अपने रेडियो बटन विकल्पों को कैसे पुनर्व्यवस्थित कर सकता हूँ?
प्रत्येक विकल्प के आगे दिए गए ऊपर और नीचे तीर के निशानों का उपयोग करके उन्हें अपनी पसंद के क्रम में व्यवस्थित करें।
प्रश्न: क्या रेडियो बटन अनिवार्य किए जा सकते हैं?
हां। "अनिवार्य फ़ील्ड" को सक्षम करें और उपयोगकर्ताओं को सबमिट करने से पहले एक विकल्प चुनना होगा।
प्रश्न: क्या रेडियो बटन मोबाइल पर काम करते हैं?
जी हां। इनमें टच-फ्रेंडली कंट्रोल होते हैं और ये छोटी स्क्रीन पर अपने आप लंबवत रूप से व्यवस्थित हो जाते हैं।
प्रश्न: क्या मैं रेडियो बटन के साथ सशर्त तर्क का उपयोग कर सकता हूँ?
हाँ। "बराबर" या इसी तरह की शर्तों का उपयोग करके चुने गए विकल्प के आधार पर फ़ील्ड दिखाएँ या छिपाएँ।
