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

HTML DOM Input Radio type प्रॉपर्टी टाइप="radio" वाले इनपुट एलिमेंट से जुड़ी होती है। यह इनपुट रेडियो एलिमेंट के लिए हमेशा "radio" लौटाएगी।

सिंटैक्स

Radio type प्रॉपर्टी के लिए सिंटैक्स:

radioObject.type

उदाहरण

Radio type प्रॉपर्टी का एक उदाहरण:

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

आउटपुट

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

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

"टाइप प्राप्त करें" बटन पर क्लिक करने पर:

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

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

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

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

<button type="button" onclick="radioType()">GET Type</button>

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

function getType() {    var P = document.getElementById("Mango").type;    document.getElementById("Sample").innerHTML = "इनपुट फील्ड का टाइप है: "+P; }