คุณสมบัติ HTML DOM Input Radio form

คุณสมบัติ form ของ input type="radio" ใช้สำหรับ ดึงอ้างอิงฟอร์ม ที่บรรจุ radio button นั้น หาก radio button อยู่นอกฟอร์ม จะคืนค่า null คุณสมบัตินี้เป็น read-only (อ่านอย่างเดียว)

ไวยากรณ์ (Syntax)

radioObject.form

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
<h1>คุณสมบัติ form ของ Input Radio</h1>
<form id="FORM1">
  ผลไม้: <input type="radio" name="fruits" id="Mango">มะม่วง
</form>
<p>คลิกปุ่มเพื่อดึง id ของฟอร์มที่บรรจุ radio button</p>
<button type="button" onclick="formId()">ดูฟอร์ม</button>
<p id="Sample"></p>
<script>
  function formId() {
    var P = document.getElementById("Mango").form.id;
    document.getElementById("Sample").innerHTML = "ID ของฟอร์มที่บรรจุ radio button คือ: " + P;
  }
</script>
</body>
</html>

ผลลัพธ์

เริ่มต้น: แสดง radio button "มะม่วง" ภายในฟอร์ม id="FORM1"

คลิก "ดูฟอร์ม": แสดงข้อความ "ID ของฟอร์มที่บรรจุ radio button คือ: FORM1"

คำอธิบายโค้ด

• Radio button อยู่ใน <form id="FORM1">
• ปุ่ม "ดูฟอร์ม" เรียก formId()
• document.getElementById("Mango").form.id เข้าถึง form object แล้วดึง id

กรณี radio button อยู่นอกฟอร์ม: .form จะคืนค่า null การเข้าถึง .id จะเกิด error ต้องตรวจสอบ null ก่อนใช้งาน