คุณสมบัติ form ของ HTML DOM Input Checkbox คืนค่าฟอร์มที่ครอบคลุม input checkbox
รูปแบบไวยากรณ์ (Syntax)
การคืนค่าการอ้างอิงถึงออบเจ็กต์ form
inputCheckboxObject.form
ตัวอย่าง
ตัวอย่างการใช้งานคุณสมบัติ form ของ HTML DOM Input Checkbox:
<!DOCTYPE html> <html> <head> <title>รายละเอียดนักศึกษา</title> </head> <body> <form id="Student-Form"> <div> <input type="text" name="fullName" placeholder="เช่น: John Doe"> แสดง ID ฟอร์ม: <input id="formID" type="checkbox" name="formID"> </div> </form> <button onclick="getFormID()">ดึง ID ของฟอร์มที่มี Checkbox นี้</button> <div id="showResult"></div> <script> function getFormID(){ var checkboxFilter = document.getElementById("formID"); var showResultDiv = document.getElementById("showResult"); if(checkboxFilter.checked == true){ showResultDiv.textContent = 'Form ID: ' + checkboxFilter.form.id; } else { showResultDiv.textContent = 'ติ๊กที่ checkbox'; } } </script> </body> </html>
ผลลัพธ์
โค้ดด้านบนจะให้ผลลัพธ์ดังนี้:
ก่อนติ๊ก checkbox 「แสดง ID ฟอร์ม」 :
หลังติ๊ก checkbox 「แสดง ID ฟอร์ม」 :
