HTML DOM इनपुट चेकबॉक्स defaultChecked प्रॉपर्टी HTML में चेकबॉक्स के checked एट्रिब्यूट का डिफ़ॉल्ट मान रिटर्न करती है।
सिंटैक्स
निम्नलिखित सिंटैक्स है −
object.defaultChecked
उदाहरण
आइए defaultChecked प्रॉपर्टी का एक उदाहरण देखें −
<!DOCTYPE html> <html> <head> <title>HTML DOM checked प्रॉपर्टी</title> <style> body{ text-align:center; } p{ font-size:1.5rem; color:#ff8741; } input{ width:30px; height:30px; } button{ background-color:#db133a; color:#fff; padding:8px; border:none; width:180px; margin:0.5rem; border-radius:50px; outline:none; font-weight:bold; } .show-msg{ color:#db133a; font-size:1.5rem; font-weight:bold; } </style> </head> <body> <h1>checked प्रॉपर्टी उदाहरण</h1> <p>क्या आप स्मार्ट हैं?</p> <input type="checkbox" checked> <br> <button onclick="check()">चेक करें? मुझे क्लिक करें</button> <div class="show-msg"></div> <script> function check() { var input = document.querySelector("input"); var showMsg = document.querySelector(".show-msg"); if(input.defaultChecked === true){ showMsg.innerHTML="आप सही हैं! आप डिफ़ॉल्ट रूप से स्मार्ट हैं"; } else { showMsg.innerHTML="हममम! आप डिफ़ॉल्ट रूप से स्मार्ट नहीं हैं"; } } </script> </body> </html>आउटपुट
यह निम्नलिखित आउटपुट देगा −
चेक करने के लिए “चेक करें? मुझे क्लिक करें” बटन पर क्लिक करें कि चेकबॉक्स डिफ़ॉल्ट रूप से चेक है या नहीं?
