HTML DOM Input Dạng radio Thuộc tính

Thuộc tính biểu mẫu Radio đầu vào HTML DOM được sử dụng để trả về tham chiếu biểu mẫu có chứa nút radio đầu vào đã cho. Nếu nút radio nằm ngoài biểu mẫu thì nó sẽ chỉ trả về NULL. Thuộc tính này ở chế độ chỉ đọc.

Cú pháp

Sau đây là cú pháp cho thuộc tính biểu mẫu radio đầu vào -

radioObject.form

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Biểu mẫu radio đầu vào.

<!DOCTYPE html>
<html>
<body>
<h1>Input radio form Property</h1>
<form id="FORM1">
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
</form>
<p>Get the form id by clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("Mango").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the radio
      button is: "+P ;
   }
</script>
</body>
</html>

Đầu ra

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

HTML DOM Input Dạng radio Thuộc tính

Khi nhấp vào nút NHẬN BIỂU MẪU -

HTML DOM Input Dạng radio Thuộc tính

Trong ví dụ trên -

Đầu tiên, chúng tôi đã tạo một phần tử đầu vào bên trong một biểu mẫu có type =”radio”, name =”results”, id =”Mango”. Biểu mẫu có giá trị thuộc tính id được đặt thành ”FORM1” -

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

Sau đó, chúng tôi đã tạo một nút GET FORM sẽ thực thi phương thức formId () khi người dùng nhấp vào -

<button type="button" onclick="formId()">GET FORM</button>

Phương thức formId () sử dụng phương thức getElementById () để lấy trường đầu vào có kiểu radio và nhận thuộc tính id của đối tượng biểu mẫu có chứa nút radio. Sau đó, nó gán giá trị này cho biến P và hiển thị trong đoạn văn có id “Sample” bằng cách sử dụng thuộc tính innerHTML -

function formId() {
   var P=document.getElementById("Mango").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the password field is: "+P ;
}