Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Radio defaultChecked Thuộc tính

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 -

HTML DOM Input Radio defaultChecked Thuộc tính

Khi nhấp vào nút KIỂM TRA -

HTML DOM Input Radio defaultChecked Thuộc tính

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;
}