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

Thuộc tính checked của HTML DOM Input Radio liên kết với thuộc tính checked của phần tử <input> type radio. Nó được dùng để thiết lập hoặc trả về giá trị thuộc tính checked của nút radio.

Cú pháp

Cú pháp để thiết lập thuộc tính checked:

radioObject.checked = true|false

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính checked của Input Radio</h1> 
<form> 
TRÁI CÂY: <input type="radio" name="fruits" id="Mango">Xoài 
<input type="radio" name="fruits" id="Apple">Táo </form> 
<br><button type="button" onclick="checkApple()">Chọn Táo</button> 
<script> 
    function checkApple() { 
        document.getElementById("Apple").checked = true; 
    } 
</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 "Chọn Táo":

Trong ví dụ trên:

Chúng ta có hai trường input trong form với chung type="radio" và name="fruits". Nút đầu tiên id="Mango", nút thứ hai id="Apple":

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

Tạo nút "Chọn Táo" thực thi phương thức checkApple() khi được nhấn:

<button type="button" onclick="checkApple()">Chọn Táo</button>

Phương thức checkApple() lấy phần tử radio bằng getElementById() và thiết lập thuộc tính checked thành true. Điều này chọn nút radio Táo:

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