Đối tượng Input Radio trong HTML DOM

Đối tượng HTML DOM Input Radio liên kết với phần tử <input> có type="radio". Chúng ta có thể tạo và truy cập phần tử radio bằng phương thức createElement() và getElementById() tương ứng.

Các thuộc tính

Dưới đây là các thuộc tính của đối tượng Input Radio:

STT	Thuộc tính & Mô tả
1	autofocus Thiết lập hoặc trả về xem nút radio có tự động lấy focus khi tải trang hay không
2	checked Thiết lập hoặc trả về trạng thái đã chọn của nút radio
3	defaultChecked Trả về giá trị mặc định của thuộc tính checked cho nút radio
4	defaultValue Thiết lập hoặc trả về giá trị mặc định của nút radio
5	disabled Thiết lập hoặc trả về xem nút radio có bị vô hiệu hóa hay không
6	form Trả về tham chiếu đến form chứa nút radio
7	name Thiết lập hoặc trả về giá trị thuộc tính name của nút radio
8	required Thiết lập hoặc trả về xem có bắt buộc chọn nút radio trước khi submit form hay không
9	type Trả về loại phần tử form của nút radio
10	value Thiết lập hoặc trả về giá trị thuộc tính value của nút radio

Cú pháp

Cú pháp để tạo đối tượng Input Radio:

var R = document.createElement("INPUT"); R.setAttribute("type", "radio");

Ví dụ

Ví dụ minh họa cho đối tượng Input Radio:

<!DOCTYPE html> <html> <head> <script> 
    function createRadio() { 
        var R = document.createElement("INPUT"); 
        R.setAttribute("type", "Radio"); 
        document.body.appendChild(R); 
    } 
</script> </head> <body> 
<h1>Đối tượng Input Radio</h1> 
<p>Tạo trường nhập loại radio bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="createRadio()">TẠO</button> 
<br><br> Xoài: </body> </html>

Kết quả

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

Đối tượng Input Radio trong HTML DOM

Khi nhấn nút TẠO:

Đối tượng Input Radio trong HTML DOM

Trong ví dụ trên:

Chúng ta tạo nút TẠO thực thi phương thức createRadio() khi được nhấn:

<button type="button" onclick="createRadio()">TẠO</button>

Phương thức createRadio() dùng createElement() của document để tạo phần tử <input> với tham số "INPUT". Phần tử mới gán cho biến R và dùng setAttribute() tạo thuộc tính type="radio". Cuối cùng dùng appendChild() trên document body để thêm phần tử radio làm con của body:

function createRadio() { 
    var R = document.createElement("INPUT"); 
    R.setAttribute("type", "Radio"); 
    document.body.appendChild(R); 
}