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

Thuộc tính form của HTML DOM Input Radio được sử dụng để trả về tham chiếu form chứa nút radio cho trước. Nếu nút radio nằm bên ngoài form thì sẽ trả về NULL. Thuộc tính này chỉ đọc (read-only).

Cú pháp

Cú pháp cho thuộc tính form của Input Radio:

radioObject.form

Ví dụ

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

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính form của Input Radio</h1> 
<form id="FORM1"> 
TRÁI CÂY: <input type="radio" name="fruits" id="Mango">Xoài </form> 
<p>Lấy id form bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="formId()">LẤY FORM</button> 
<p id="Sample"></p> 
<script> 
    function formId() { 
        var P=document.getElementById("Mango").form.id; 
        document.getElementById("Sample").innerHTML = "Id của form chứa nút radio 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 FORM:

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 có id="FORM1":

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

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

<button type="button" onclick="formId()">LẤY FORM</button>

Phương thức formId() dùng getElementById() để lấy trường radio và lấy thuộc tính id của đối tượng form chứa radio. Gán giá trị cho biến P và hiển thị trong đoạn văn id="Sample":

function formId() { 
    var P=document.getElementById("Mango").form.id; 
    document.getElementById("Sample").innerHTML = "Id của form chứa nút radio là: "+P ; 
}