HTML DOM Input Radio form प्रॉपर्टी

HTML DOM Input Radio form प्रॉपर्टी का उपयोग दिए गए इनपुट रेडियो बटन को शामिल करने वाले फॉर्म के रेफरेंस को प्राप्त करने के लिए किया जाता है। यदि रेडियो बटन फॉर्म के बाहर है तो यह केवल NULL लौटाएगा। यह प्रॉपर्टी रीड-ओनली है।

सिंटैक्स

Input radio form प्रॉपर्टी के लिए सिंटैक्स:

radioObject.form

उदाहरण

Input radio form प्रॉपर्टी का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h1>Input radio form प्रॉपर्टी</h1> <form id="FORM1"> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form> <p>नीचे दिए गए बटन पर क्लिक करके फॉर्म id प्राप्त करें</p> <button type="button" onclick="formId()">फॉर्म प्राप्त करें</button> <p id="Sample"></p> <script>    function formId() {       var P=document.getElementById("Mango").form.id;       document.getElementById("Sample").innerHTML = "रेडियो बटन वाले फॉर्म का id है: "+P ;    } </script> </body> </html>

आउटपुट

उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:

HTML DOM Input Radio form प्रॉपर्टी

"फॉर्म प्राप्त करें" बटन पर क्लिक करने पर:

HTML DOM Input Radio form प्रॉपर्टी

उपरोक्त उदाहरण में:

हमने पहले type="radio", name="fruits", id="Mango" के साथ एक फॉर्म के अंदर एक इनपुट एलिमेंट बनाया। फॉर्म का id एट्रिब्यूट मान "FORM1" पर सेट है:

<form id="FORM1"> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form>

फिर हमने एक बटन GET FORM बनाया जो यूज़र द्वारा क्लिक किए जाने पर formId() मेथड को एक्जीक्यूट करेगा:

<button type="button" onclick="formId()">GET FORM</button>

formId() मेथड getElementById() मेथड का उपयोग करके टाइप रेडियो वाले इनपुट फील्ड को प्राप्त करता है और रेडियो बटन को शामिल करने वाले फॉर्म ऑब्जेक्ट के id प्रॉपर्टी को प्राप्त करता है। फिर यह इस मान को वेरिएबल P को असाइन करता है और id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित करता है:

function formId() {    var P=document.getElementById("Mango").form.id;    document.getElementById("Sample").innerHTML = "रेडियो बटन वाले फॉर्म का id है: "+P ; }