एचटीएमएल डोम इनपुट रेडियो अक्षम संपत्ति का उपयोग रेडियो बटन को अक्षम किया जाना चाहिए या नहीं, यह निर्धारित करने या वापस करने के लिए किया जाता है। यह बूलियन मानों का उपयोग करता है जिसमें सच का प्रतिनिधित्व करने वाले तत्व को अक्षम किया जाना चाहिए और अन्यथा झूठा होना चाहिए। अक्षम संपत्ति डिफ़ॉल्ट रूप से गलत पर सेट है। अक्षम तत्व डिफ़ॉल्ट रूप से धूसर हो जाता है और क्लिक करने योग्य नहीं होता है।
सिंटैक्स
निम्नलिखित का सिंटैक्स है -
अक्षम संपत्ति सेट करें।
radioObject.disabled = true|false;
यहां, सत्य =रेडियो बटन अक्षम है और झूठा =रेडियो बटन अक्षम नहीं है। यह डिफ़ॉल्ट रूप से गलत है।
उदाहरण
आइए इनपुट रेडियो अक्षम संपत्ति के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input radio disabled Property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
</form>
<p>Disable the above radio button by clicking on the DISABLE button</p>
<button type="button" onclick="disableRadio()">DISABLE</button>
<p id="Sample"></p>
<script>
function disableRadio() {
document.getElementById("Mango").disabled=true;
document.getElementById("Sample").innerHTML = "The radio button is now disabled" ;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
DISABLE बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले टाइप ="रेडियो", नाम ="फल", आईडी ="आम" के साथ एक फॉर्म के अंदर एक इनपुट तत्व बनाया है।
<form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form>
फिर हमने एक DISABLE बटन बनाया जो उपयोगकर्ता द्वारा क्लिक किए जाने पर अक्षमरेडियो () विधि को निष्पादित करेगा -
<button type=”button” onclick="disableRadio()">DISABLE</button>
अक्षम रेडियो () विधि getElementById () विधि का उपयोग करके टाइप रेडियो के साथ इनपुट तत्व प्राप्त करती है और इसकी अक्षम संपत्ति को सत्य पर सेट करती है। इससे रेडियो बटन धूसर हो जाता है और उपयोगकर्ता अब इसके साथ इंटरैक्ट नहीं कर सकता:
function disableRadio() {
document.getElementById("Mango").disabled=true;
document.getElementById("Sample").innerHTML = "The radio button is now disabled" ;
}