डिफ़ॉल्ट रूप से रेडियो बटन कैसे चुनें?
डिफ़ॉल्ट रूप से ' चेक किए गए ” विशेषता का उपयोग रेडियो बटन को चुनने के लिए किया जाता है। यदि इस विशेषता का उपयोग कई रेडियो बटनों पर किया जाता है तो सबसे हालिया रेडियो बटन डिफ़ॉल्ट रूप से चुना जाता है। डिफ़ॉल्ट रूप से रेडियो बटन का चयन करने के लिए चरण-दर-चरण ब्लॉग का अनुसरण करें:
चरण 1: रेडियो बटन बनाएँ
HTML फ़ाइल में, तीन रेडियो बटन बनाएँ और उनके साथ लेबल संलग्न करें:
< केंद्र >
< h3 > अपना अनुभव स्तर चुनें: < / h3 >
< डिव >
< इनपुट प्रकार = 'रेडियो' पहचान = 'शुरुआती' नाम = 'अनुभव' कीमत = 'शुरुआती' >
< लेबल के लिए = 'शुरुआती' > शुरुआती < / लेबल >
< / डिव >
< डिव >
< इनपुट प्रकार = 'रेडियो' पहचान = 'मध्यम' नाम = 'अनुभव' कीमत = 'मध्यम' >
< लेबल के लिए = 'मध्यम' > मध्यम < / लेबल >
< / डिव >
< डिव >
< इनपुट प्रकार = 'रेडियो' पहचान = 'अग्रिम' नाम = 'अनुभव' कीमत = 'अग्रिम' >
< लेबल के लिए = 'अग्रिम' > अग्रिम < / लेबल >
< / डिव >
< / केंद्र >
उपरोक्त कोड स्निपेट में:
- सरल 'बनाने से रेडियो बटन बनता है' <इनपुट> 'टैग करें और इसके प्रकार को' पर सेट करें रेडियो ”।
- प्रत्येक रेडियो बटन को 'नाम', 'आईडी' और 'मूल्य' के साथ निर्दिष्ट करें।
- अंत में, का प्रयोग करें ' पहचान ' संलग्न करने के लिए इनपुट फ़ील्ड का ' <लेबल> ” का उपयोग करके टैग करें के लिए ' गुण।
स्क्रिप्ट को निष्पादित करने के बाद आउटपुट नीचे जैसा है:
आंकड़ा दर्शाता है कि रेडियो बटन प्रदर्शित होते हैं लेकिन उनमें से कोई भी डिफ़ॉल्ट रूप से चयनित नहीं होता है।
चरण 2: डिफ़ॉल्ट रूप से चुनें
' चेक किए गए ” विशेषता का उपयोग रेडियो बटन को स्वतः चुनने के लिए किया जाता है। यह केवल एक विकल्प का चयन करता है। इसलिए डिफ़ॉल्ट रूप से एक रेडियो बटन का चयन करना एक बेहतर तरीका है। यह उपयोगकर्ता को सही विकल्प चुनने के लिए प्रतिबंधित करता है:
< डिव >
< इनपुट प्रकार = 'रेडियो' पहचान = 'शुरुआती' नाम = 'अनुभव' कीमत = 'शुरुआती' चेक किया गया>
< लेबल के लिए = 'शुरुआती' >शुरुआती< / लेबल >
< / डिव >
उपरोक्त कोड में, चेक किए गए विशेषता का उपयोग किया जाता है और इसे केवल पहले इनपुट फ़ील्ड को असाइन किया जाता है।
अब उपरोक्त कोड को क्रियान्वित करने के बाद वेबपेज इस तरह दिखता है:
आउटपुट दिखाता है कि पृष्ठ के प्रत्येक रीफ्रेश पर डिफ़ॉल्ट रूप से पहला रेडियो बटन चुना जाता है।
बोनस टिप: डिफ़ॉल्ट रूप से रेडियो बटन का चयन करने के लिए जावास्क्रिप्ट का उपयोग करना
जावास्क्रिप्ट का उपयोग करके डिफ़ॉल्ट रूप से एक रेडियो बटन का चयन करने के लिए, आईडी का उपयोग करके रेडियो बटन तक पहुंचें। फिर, इसकी जाँच की गई विशेषता का चयन करें और इसके बूलियन मान को 'सही' पर सेट करें जैसा कि नीचे दिए गए कोड में है:
< लिखी हुई कहानी >document.getElementById ( 'शुरुआती' ) . चेक किए गए = सत्य;
< / लिखी हुई कहानी >
इस कोड में, ' शुरुआत ” उस रेडियो बटन की आईडी है जिसे डिफ़ॉल्ट रूप से चुना जाता है।
स्क्रिप्ट को संकलित करने के बाद आउटपुट नीचे दिया गया है:
उपरोक्त स्नैपशॉट में, पहले रेडियो बटन को जावास्क्रिप्ट का उपयोग करके डिफ़ॉल्ट रूप से चुना गया है।
निष्कर्ष
एक रेडियो बटन का चयन करने के लिए, उपयोगकर्ता 'का उपयोग कर सकते हैं' चेक किए गए ' गुण। यदि चेक की गई विशेषता का उपयोग एक से अधिक रेडियो बटन में किया जाता है, तो रेडियो बटन को सबसे हालिया 'चेक' विशेषता मान मिलता है। जावास्क्रिप्ट का उपयोग करके डिफ़ॉल्ट रूप से एक रेडियो बटन का चयन करने के लिए, आईडी का उपयोग करके रेडियो बटन तक पहुंचें। इस ब्लॉग ने सफलतापूर्वक प्रदर्शित किया है कि डिफ़ॉल्ट रूप से रेडियो बटन कैसे चुनें।