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