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

Thuộc tính defaultChecked của HTML DOM Input Radio kiểm tra xem nút radio có được chọn mặc định hay không. Trả về true nếu nút radio được chọn, ngược lại trả về false.

Cú pháp

Cú pháp cho thuộc tính defaultChecked của Radio:

radioObject.defaultChecked

Ví dụ

Ví dụ minh họa cho thuộc tính defaultChecked của Radio:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính defaultChecked của Input Radio</h1> 
<form> 
TRÁI CÂY: <input type="radio" name="fruits" id="Mango" checked>Xoài </form> 
<br> 
<button type="button" onclick="checkDefault()">KIỂM TRA</button> 
<p id="Sample"></p> 
<script> 
    function checkDefault() { 
        var c = document.getElementById("Mango").checked; 
        document.getElementById("Sample").innerHTML = "Giá trị checked mặc định của nút là: "+c; 
    } 
</script> </body> </html>

Kết quả

Đoạn mã trên sẽ tạo ra kết quả như sau:

Khi nhấn nút KIỂM TRA:

Trong ví dụ trên:

Chúng ta tạo phần tử input trong form với type="radio", name="fruits", id="Mango" và thuộc tính checked=true:

<form> TRÁI CÂY: <input type="radio" name="fruits" id="Mango" checked>Xoài </form>

Tạo nút KIỂM TRA thực thi phương thức checkDefault() khi được nhấn:

<button type="button" onclick="checkDefault()">KIỂM TRA</button>

Phương thức checkDefault() lấy phần tử radio bằng getElementById(). Vì nút radio được checked nên trả về true, gán cho biến c. Giá trị hiển thị trong đoạn văn id="Sample" qua innerHTML:

function checkDefault() { 
    var c = document.getElementById("Mango").checked; 
    document.getElementById("Sample").innerHTML = "Giá trị checked mặc định của nút là: "+c; 
}