HTML DOM Input Checkbox form Property - पैरेंट फॉर्म प्राप्त करें

HTML DOM Input Checkbox form Property

HTML DOM Input Checkbox form property उस फॉर्म का रेफरेंस लौटाता है जिसमें चेकबॉक्स समाहित है। यदि चेकबॉक्स किसी फॉर्म के अंदर नहीं है, तो यह null लौटाता है।

Syntax

फॉर्म रेफरेंस प्राप्त करना:

inputCheckboxObject.form

उदाहरण

चेकबॉक्स को समाहित करने वाले फॉर्म की ID प्राप्त करना:

<!DOCTYPE html>
<html>
<head>
<title>Student Details</title>
</head>
<body>
<form id="Student-Form">
  <div>
    <input type="text" name="fullName" placeholder="eg: John Doe">
    फॉर्म ID दिखाएं: <input id="formID" type="checkbox" name="formID">
  </div>
</form>
<button onclick="getFormID()">इस चेकबॉक्स को समाहित करने वाले फॉर्म की ID प्राप्त करें</button>
<div id="showResult"></div>
<script>
  function getFormID() {
    var checkboxFilter = document.getElementById("formID");
    var showResultDiv = document.getElementById("showResult");
    if (checkboxFilter.checked == true) {
      showResultDiv.textContent = 'फॉर्म ID: ' + checkboxFilter.form.id;
    } else {
      showResultDiv.textContent = 'चेकबॉक्स चेक करें';
    }
  }
</script>
</body>
</html>

आउटपुट

"फॉर्म ID दिखाएं" चेकबॉक्स अनचेक्ड होने पर "चेकबॉक्स चेक करें" दिखाता है। चेक करने पर फॉर्म की ID "Student-Form" प्रदर्शित होती है।

मुख्य बिंदु

• form property केवल पढ़ने के लिए है (read-only)
• यह उस <form> एलिमेंट का रेफरेंस लौटाता है जो चेकबॉक्स का पूर्वज (ancestor) है
• यदि चेकबॉक्स किसी फॉर्म के बाहर है, तो यह null लौटाता है
• फॉर्म के अंदर नेस्टेड चेकबॉक्स के लिए उपयोगी - फॉर्म ऑब्जेक्ट तक पहुंच के लिए
• checkbox.form.id, checkbox.form.name, checkbox.form.elements आदि एक्सेस कर सकते हैं