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

Thuộc tính type của HTML DOM Input Radio liên kết với phần tử input có type="radio". Nó luôn trả về "radio" cho phần tử input radio.

Cú pháp

Cú pháp cho thuộc tính type của radio:

radioObject.type

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính type của Input Radio</h1> 
<form> 
TRÁI CÂY: <input type="radio" name="fruits" id="Mango">Xoài <br> 
</form> 
<p>Lấy loại phần tử input trên bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="radioType()">LẤY TYPE</button> 
<p id="Sample"></p> 
<script> 
    function radioType() { 
        var P=document.getElementById("Mango").type; 
        document.getElementById("Sample").innerHTML = "Loại cho trường input là: "+P ; 
    } 
</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 LẤY TYPE:

Trong ví dụ trên:

Chúng ta tạo phần tử input trong form với type="radio", name="fruits", id="Mango":

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

Tạo nút "LẤY TYPE" thực thi phương thức radioType() khi được nhấn:

<button type="button" onclick="radioType()">LẤY TYPE</button>

Phương thức radioType() lấy phần tử bằng getElementById() và gán giá trị thuộc tính type cho biến P. Hiển thị trong đoạn văn id="Sample" qua innerHTML:

function radioType() { 
    var P = document.getElementById("Mango").type; 
    document.getElementById("Sample").innerHTML = "Loại cho trường input là: "+P; 
}