HTML DOM Input Radio value प्रॉपर्टी टाइप="radio" वाले इनपुट एलिमेंट और value एट्रिब्यूट से जुड़ी होती है। इसका उपयोग रेडियो बटन के value एट्रिब्यूट के मान को प्राप्त करने या इसे सेट करने के लिए किया जाता है।
रेडियो बटन के लिए value प्रॉपर्टी वेबसाइट के यूज़र इंटरफेस को प्रभावित नहीं करती क्योंकि सामग्री केवल प्रदर्शित नहीं होती। हालांकि, जब फॉर्म सबमिट होता है तो समान ग्रुप के कई बटनों के बीच अंतर करने के लिए इसका उपयोग किया जा सकता है।
सिंटैक्स
Value प्रॉपर्टी सेट करने के लिए सिंटैक्स:
radioObject.value = text;
यहां, text रेडियो बटन के लिए मान निर्दिष्ट करने के लिए उपयोग किया जाता है।
उदाहरण
Input radio value प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input radio Value प्रॉपर्टी</h1> <form> FRUIT: <input type="radio" name="fruits" id="BTN1" value="Mango" >Mango <br> </form> <p>नीचे दिए गए बटन पर क्लिक करके ऊपर के एलिमेंट का मान प्राप्त करें</p> <button type="button" onclick="getValue()">मान प्राप्त करें</button> <p id="Sample"></p> <script> function getValue() { var t = document.getElementById("BTN1").value; document.getElementById("Sample").innerHTML = "रेडियो बटन का मान है: "+t; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"मान प्राप्त करें" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले type="radio", name="fruits", id="BTN1" और value "Mango" के साथ एक फॉर्म के अंदर एक इनपुट एलिमेंट बनाया:
<form> FRUIT: <input type="radio" name="fruits" id="BTN1" value="mango">Mango </form>
फिर हमने एक "GET Type" बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर radioType() मेथड को एक्जीक्यूट करेगा:
<button type="button" onclick="radioType()">GET Type</button>
getValue() मेथड getElementById() मेथड का उपयोग करके इनपुट एलिमेंट को प्राप्त करता है और इसके "value" एट्रिब्यूट मान को वेरिएबल t को असाइन करता है। यदि रेडियो बटन के लिए value एट्रिब्यूट निर्दिष्ट नहीं किया गया है तो यह एक खाली स्ट्रिंग लौटाएगा। यह वेरिएबल फिर id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:
function getValue() { var t = document.getElementById("PASS1").value; document.getElementById("Sample").innerHTML = "इनपुट फील्ड का मान है: "+t; }
