Thuộc tính defaultChecked của Input Checkbox trong HTML DOM

Thuộc tính defaultChecked trả về giá trị boolean cho biết checkbox có được tích sẵn khi trang tải (thuộc tính checked trong HTML) hay không. Thuộc tính này **chỉ đọc** (read-only) - không thể thay đổi sau khi trang tải.

Cú pháp

checkboxElement.defaultChecked

Ví dụ: Kiểm tra trạng thái mặc định

<!DOCTYPE html>
<html>
<head>
    <style>
        body { text-align: center; font-family: sans-serif; padding: 20px; }
        input[type="checkbox"] { width: 28px; height: 28px; }
        button {
            background-color: #dc3545; color: white; border: none;
            padding: 8px 16px; border-radius: 20px; cursor: pointer;
            margin: 10px; font-weight: bold; width: 200px;
        }
        .msg { color: #dc3545; font-size: 1.2rem; font-weight: bold; margin-top: 15px; }
    </style>
</head>
<body>
    <h1>Ví dụ defaultChecked</h1>
    <p>Bạn thông minh không?</p>
    <input type="checkbox" id="smartCheck" checked>
    <br><br>
    <button onclick="checkDefault()">Kiểm tra mặc định? Nhấn tôi</button>
    <div id="msg" class="msg"></div>
    <script>
        function checkDefault() {
            var checkbox = document.getElementById("smartCheck");
            var msg = document.getElementById("msg");
            if (checkbox.defaultChecked) {
                msg.textContent = "Đúng! Bạn thông minh theo mặc định 😎";
            } else {
                msg.textContent = "Hmm... Bạn không thông minh theo mặc định 🤔";
            }
        }
    </script>
</body>
</html>

Kết quả

Ban đầu checkbox đã tích (do属性 checked):

Nhấn nút kiểm tra: