HTML DOM Input Radio đã kiểm tra Thuộc tính

Thuộc tính đã kiểm tra của Đài đầu vào HTML DOM được liên kết với thuộc tính đã kiểm tra của phần tử với đài loại. Nó được sử dụng để đặt hoặc trả về cơ bản giá trị thuộc tính đã kiểm tra của nút radio.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính đã kiểm tra.

radioObject.checked = true|false

Ví dụ

Chúng ta hãy xem một ví dụ về thuộc tính Radio đã kiểm tra -

<!DOCTYPE html>
<html>
<body>
<h1>Input Radio checked property</h1>
<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<input type="radio" name="fruits" id="Apple">Apple
</form>
<br><button type=”button” onclick="checkApple()">Check Apple</button>
<script>
   function checkApple() {
      document.getElementById("Apple").checked = true;
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Radio đã kiểm tra Thuộc tính

Khi nhấp vào nút “Kiểm tra Apple” -

HTML DOM Input Radio đã kiểm tra Thuộc tính

Trong ví dụ trên -

Chúng ta có hai trường đầu vào bên trong một biểu mẫu có các thuộc tính chung là type =“radio” và name =“fruit”. Nút radio đầu tiên có id là "Mango" và nút thứ hai có id là "Apple" -

<form>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
<input type="radio" name="fruits" id="Apple">Apple
</form>

Sau đó, chúng tôi đã tạo một nút “Kiểm tra Apple” sẽ thực thi phương thức checkApple () khi người dùng nhấp vào -

<button type=”button” onclick="checkApple()">Check Apple</button>

Phương thức checkApple () nhận phần tử đầu vào có kiểu radio bằng cách sử dụng phương thức getElementById () và đặt thuộc tính đã kiểm tra của nó thành true. Thao tác này sẽ kiểm tra nút radio apple:-

function checkApple() {
   document.getElementById("Apple").checked = true;
}