HTML DOM Input Radio disabled प्रॉपर्टी का उपयोग यह सेट या प्राप्त करने के लिए किया जाता है कि रेडियो बटन डिसेबल होना चाहिए या नहीं। यह बूलियन मानों का उपयोग करता है जिसमें true दर्शाता है कि एलिमेंट डिसेबल होना चाहिए और false अन्यथा। Disabled प्रॉपर्टी डिफ़ॉल्ट रूप से false पर सेट होती है। डिसेबल एलिमेंट डिफ़ॉल्ट रूप से ग्रे आउट होता है और अनक्लिकेबल होता है।
सिंटैक्स
Disabled प्रॉपर्टी सेट करने के लिए सिंटैक्स:
radioObject.disabled = true|false;
यहां, true=रेडियो बटन डिसेबल है और false=रेडियो बटन डिसेबल नहीं है। यह डिफ़ॉल्ट रूप से false है।
उदाहरण
Input radio disabled प्रॉपर्टी का एक उदाहरण:
<!DOCTYPE html> <html> <body> <h1>Input radio disabled प्रॉपर्टी</h1> <form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form> <p>ऊपर दिए गए DISABLE बटन पर क्लिक करके रेडियो बटन को डिसेबल करें</p> <button type="button" onclick="disableRadio()">डिसेबल</button> <p id="Sample"></p> <script> function disableRadio() { document.getElementById("Mango").disabled=true; document.getElementById("Sample").innerHTML = "रेडियो बटन अब डिसेबल है" ; } </script> </body> </html>
आउटपुट
उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:
"डिसेबल" बटन पर क्लिक करने पर:
उपरोक्त उदाहरण में:
हमने पहले type="radio", name="fruits", id="Mango" के साथ एक फॉर्म के अंदर एक इनपुट एलिमेंट बनाया।
<form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form>
फिर हमने एक DISABLE बटन बनाया जो यूज़र द्वारा क्लिक किए जाने पर disableRadio() मेथड को एक्जीक्यूट करेगा:
<button type="button" onclick="disableRadio()">DISABLE</button>
disableRadio() मेथड getElementById() मेथड का उपयोग करके टाइप रेडियो वाले इनपुट एलिमेंट को प्राप्त करता है और इसकी disabled प्रॉपर्टी को true पर सेट करता है। यह रेडियो बटन को ग्रे कर देता है और यूज़र अब इसके साथ इंटरैक्ट नहीं कर सकता:
function disableRadio() { document.getElementById("Mango").disabled=true; document.getElementById("Sample").innerHTML = "रेडियो बटन अब डिसेबल है" ; }
