HTML DOM Input Checkbox defaultChecked প্রপার্টি

HTML DOM Input Checkbox defaultChecked প্রপার্টি একটি চেকবক্সের checked অ্যাট্রিবিউটের ডিফল্ট মান (পেজ লোড হওয়ার সময়ের মান) রিটার্ন করে। এটি শুধু পঠনযোগ্য (read-only) — ব্যবহারকারীর ইন্টারঅ্যাকশন দ্বারা পরিবর্তন হয় না।

সিনট্যাক্স

object.defaultChecked

উদাহরণ: ডিফল্ট চেকড স্ট্যাটাস যাচাই করা

<!DOCTYPE html>
<html>
<head>
    <title>HTML DOM defaultChecked property</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>defaultChecked Property Example</h1>
    <p>Are you smart?</p>
    <input type="checkbox" checked> <br>
    <button onclick="checkDefault()">Lets Check? Click me</button>
    <div class="show-msg"></div>

    <script>
        function checkDefault() {
            var input = document.querySelector("input");
            var showMsg = document.querySelector(".show-msg");
            if (input.defaultChecked === true) {
                showMsg.innerHTML = "You are right! You are smart by default";
            } else {
                showMsg.innerHTML = "Hmmmmm! You are not smart by default";
            }
        }
    </script>
</body>
</html>

আউটপুট

পেজ লোড হলে চেকবক্সটি চেক করা অবস্থায় থাকে (checked অ্যাট্রিবিউটের কারণে)। বাটনে ক্লিক করলে defaultChecked true রিটার্ন করে এবং মেসেজ দেখাবে "You are right! You are smart by default"।

defaultChecked vs checked

ব্যবহার ক্ষেত্র

• ফর্ম রিসেট করার সময় ডিফল্ট মান ফিরিয়ে আনার জন্য।
• ব্যবহারকারী পরিবর্তন করেছে কিনা তা জানার জন্য checked !== defaultChecked চেক করা যায়।