HTML DOM Input Radio ऑब्जेक्ट टाइप "radio" वाले <input> एलिमेंट से जुड़ा होता है। हम createElement() और getElementById() मेथड का उपयोग करके टाइप radio वाले इनपुट एलिमेंट को बना और एक्सेस कर सकते हैं।
प्रॉपर्टीज़
Input Radio ऑब्जेक्ट की निम्न प्रॉपर्टीज़ हैं:
| क्रमांक | प्रॉपर्टीज़ और विवरण |
|---|---|
| 1 | Autofocus पेज लोड होने पर रेडियो बटन को ऑटोमैटिकली फोकस मिलना चाहिए या नहीं, इसे सेट या प्राप्त करने के लिए। |
| 2 | Checked रेडियो बटन की चेक्ड स्टेट को सेट या प्राप्त करने के लिए। |
| 3 | defaultChecked रेडियो बटन के लिए checked एट्रिब्यूट के डिफ़ॉल्ट मान को प्राप्त करने के लिए। |
| 4 | defaultValue रेडियो बटन के डिफ़ॉल्ट मान को सेट या प्राप्त करने के लिए। |
| 5 | Disabled रेडियो बटन डिसेबल होना चाहिए या नहीं, इसे सेट या प्राप्त करने के लिए। |
| 6 | Form रेडियो बटन वाले फॉर्म का रेफरेंस प्राप्त करने के लिए। |
| 7 | Name रेडियो बटन के name एट्रिब्यूट मान को सेट या प्राप्त करने के लिए। |
| 8 | Required फॉर्म सबमिट करने से पहले रेडियो बटन चेक करना अनिवार्य है या नहीं, इसे सेट या प्राप्त करने के लिए। |
| 9 | Type रेडियो बटन के लिए फॉर्म एलिमेंट टाइप प्राप्त करने के लिए। |
| 10 | Value रेडियो बटन के value एट्रिब्यूट के मान को सेट या प्राप्त करने के लिए। |
सिंटैक्स
इनपुट रेडियो ऑब्जेक्ट बनाने के लिए सिंटैक्स:
var R = document.createElement("INPUT"); R.setAttribute("type", "radio");
उदाहरण
Input radio ऑब्जेक्ट का एक उदाहरण:
<!DOCTYPE html> <html> <head> <script> function createRadio() { var R = document.createElement("INPUT"); R.setAttribute("type", "Radio"); document.body.appendChild(R); } </script> </head> <body> <h1>Input radio ऑब्जेक्ट</h1> <p>नीचे दिए गए बटन पर क्लिक करके टाइप radio वाला इनपुट फील्ड बनाएं</p> <button type="button" onclick="createRadio()">बनाएं</button> <br><br> Mango: </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"बनाएं" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने एक बटन CREATE बनाया जो यूज़र द्वारा क्लिक किए जाने पर createRadio() मेथड को एक्जीक्यूट करेगा:
<button type="button" onclick="createRadio()">CREATE</button>
createRadio() मेथड डॉक्यूमेंट ऑब्जेक्ट के createElement() मेथड का उपयोग करके "INPUT" को पैरामीटर के रूप में पास करके <input> एलिमेंट बनाता है। नया बना इनपुट एलिमेंट वेरिएबल R को असाइन किया जाता है और setAttribute() मेथड का उपयोग करके हम टाइप एट्रिब्यूट को मान radio के साथ बनाते हैं। याद रखें, setAttribute() एट्रिब्यूट बनाता है और यदि एट्रिब्यूट पहले से मौजूद नहीं है तो मान असाइन करता है। अंत में, डॉक्यूमेंट बॉडी पर appendChild() मेथड का उपयोग करके हम टाइप radio वाले इनपुट एलिमेंट को बॉडी के चाइल्ड के रूप में जोड़ते हैं:
function createPASS() { var R = document.createElement("INPUT"); R.setAttribute("type", "Radio"); document.body.appendChild(R); }
