Thuộc tính HTML DOM Input Radio defaultChecked kiểm tra xem nút radio đã được kiểm tra theo mặc định hay chưa. Nó trả về true nếu nút radio được chọn, nếu không, nó sẽ trả về false.
Cú pháp
Sau đây là cú pháp cho thuộc tính Radio defaultChecked -
radioObject.defaultChecked
Ví dụ
Hãy để chúng tôi xem xét một ví dụ về thuộc tính Radio defaultChecked -
<!DOCTYPE html> <html> <body> <h1>Input Radio defaultChecked property</h1> <form> FRUIT: <input type="radio" name="fruits" id="Mango" checked>Mango </form> <br> <button type=”button” onclick="checkDefault()">CHECK</button> <p id="Sample"></p> <script> function checkDefault() { var c = document.getElementById("Mango").checked; document.getElementById("Sample").innerHTML = "The button default checked value is "+c; } </script> </body> </html>
Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút KIỂM TRA -
Trong ví dụ trên -
Đầu tiên, chúng tôi đã tạo một phần tử đầu vào bên trong một biểu mẫu có type =”radio”, name =”results”, id =”Mango” và nó có thuộc tính đã kiểm tra được đặt thành true -
<form> FRUIT: <input type="radio" name="fruits" id="Mango" checked>Mango </form>
Sau đó, chúng tôi tạo nút CHECK sẽ thực thi phương thức checkDefault () khi người dùng nhấp vào -
<button type=”button” onclick="checkDefault()">CHECK</button>
Phương thức checkDefault () nhận phần tử đầu vào có kiểu radio bằng phương thức getElementById (). Vì nút radio được chọn, nó sẽ trả về true mà chúng ta sẽ gán cho biến c. Sau đó, giá trị được hiển thị trong đoạn có id “Sample” bằng cách sử dụng thuộc tính innerHTML của nó.:
function checkDefault() { var c = document.getElementById("Mango").checked; document.getElementById("Sample").innerHTML = "The button default checked value is "+c; }