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

HTML DOM Input Radio defaultChecked प्रॉपर्टी जांचती है कि रेडियो बटन डिफ़ॉल्ट रूप से चेक किया गया है या नहीं। यदि रेडियो बटन चेक किया गया है तो यह true लौटाता है अन्यथा false लौटाता है।

सिंटैक्स

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

radioObject.defaultChecked

उदाहरण

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

<!DOCTYPE html> <html> <body> <h1>Input Radio defaultChecked प्रॉपर्टी</h1> <form> FRUIT: <input type="radio" name="fruits" id="Mango" checked>Mango </form> <br> <button type="button" onclick="checkDefault()">जांचें</button> <p id="Sample"></p> <script>    function checkDefault() {       var c = document.getElementById("Mango").checked;       document.getElementById("Sample").innerHTML = "बटन का डिफ़ॉल्ट चेक्ड मान है "+c;    } </script> </body> </html>

आउटपुट

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

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

"जांचें" बटन पर क्लिक करने पर:

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

उपरोक्त उदाहरण में:

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

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

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

<button type="button" onclick="checkDefault()">CHECK</button>

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

function checkDefault() {    var c = document.getElementById("Mango").checked;    document.getElementById("Sample").innerHTML = "बटन का डिफ़ॉल्ट चेक्ड मान है "+c; }