Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

HTML DOM इनपुट चेकबॉक्स ऑब्जेक्ट

<घंटा/>

एचटीएमएल डोम इनपुट चेकबॉक्स ऑब्जेक्ट टाइप चेकबॉक्स के साथ एक इनपुट एचटीएमएल तत्व का प्रतिनिधित्व करता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

  • एक <इनपुट>बनाना टाइप चेकबॉक्स के साथ
var checkboxObject = document.createElement(“input”);
checkboxObject.type = “checkbox”;

विशेषताएं

यहाँ, “चेकबॉक्सऑब्जेक्ट " में निम्नलिखित विशेषताएं हो सकती हैं -

विशेषताएं विवरण
ऑटोफोकस यह परिभाषित करता है कि चेकबॉक्स को प्रारंभिक पृष्ठ लोड पर केंद्रित किया जाना चाहिए या नहीं।
चेक किया गया यह चेकबॉक्स की स्थिति को परिभाषित करता है यानी चेक/अनचेक किया गया।
डिफ़ॉल्ट चेक किया गया यह चेक किए गए एट्रिब्यूट का डिफ़ॉल्ट मान यानी सही/गलत देता है
डिफ़ॉल्ट मान यह चेकबॉक्स का डिफ़ॉल्ट मान सेट/रिटर्न करता है
अक्षम यह परिभाषित करता है कि चेकबॉक्स अक्षम/सक्षम है या नहीं
फ़ॉर्म यह संलग्न प्रपत्र का संदर्भ देता है जिसमें चेकबॉक्स होता है
अनिश्चित यह चेकबॉक्स की अनिश्चित स्थिति सेट/रिटर्न करता है
नाम यह चेकबॉक्स के नाम विशेषता के मान को परिभाषित करता है
आवश्यक यह परिभाषित करता है कि फ़ॉर्म जमा करने के लिए चेकबॉक्स को चेक करना अनिवार्य है या नहीं
टाइप करें यह चेकबॉक्स के प्रपत्र तत्व का प्रकार देता है
मान यह किसी चेकबॉक्स के मान विशेषता के मान को परिभाषित करता है

उदाहरण

आइए इनपुट चेकबॉक्स मान का एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Value Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Color-Red: <input value="Green" id="formCheckbox" type="checkbox" name="formCheckbox">
</div>
</form>
<button onclick="changeType()">Change value of input checkbox</button>
<div id="displayDiv"></div>
<script>
   var valueOfInput = document.getElementById("formCheckbox");
   var displayDiv = document.getElementById("displayDiv");
   displayDiv.textContent = 'Value: ' + valueOfInput.value;
   function changeType(){
      if(valueOfInput.value == 'Green' && valueOfInput.checked == true){
         valueOfInput.value = 'Red' displayDiv.textContent = 'value: ' + valueOfInput.value;
      } else {
         displayDiv.textContent = 'Check the checkbox to change value to red';
      }
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

'इनपुट चेकबॉक्स का मान बदलें' . क्लिक करने से पहले बटन -

HTML DOM इनपुट चेकबॉक्स ऑब्जेक्ट

‘इनपुट चेकबॉक्स का मूल्य बदलें’ . क्लिक करने के बाद बटन -

HTML DOM इनपुट चेकबॉक्स ऑब्जेक्ट

चेक किया गया 'रंग-लाल' चेकबॉक्स और क्लिक करके 'इनपुट चेकबॉक्स का मान बदलें' बटन -

HTML DOM इनपुट चेकबॉक्स ऑब्जेक्ट


  1. एचटीएमएल डोम क्षेत्र वस्तु

    HTML DOM एरिया ऑब्जेक्ट HTML में इमेज मैप से जुड़ा है। क्षेत्र मूल रूप से छवि मानचित्र के अंदर क्लिक करने योग्य क्षेत्र का प्रतिनिधित्व करता है। इमेज ऑब्जेक्ट हमें ऑब्जेक्ट के भीतर एलीमेंट बनाने और एक्सेस करने में मदद करता है। हम उपयोगकर्ता इनपुट के आधार पर मानचित्र के अंदर क्लिक करने योग्य क्षेत्

  1. HTML DOM इनपुट रीसेट ऑब्जेक्ट

    HTML DOM इनपुट रीसेट ऑब्जेक्ट रीसेट प्रकार के साथ तत्व से जुड़ा है। हम createElement () और getElementById () विधि का उपयोग करके क्रमशः रीसेट प्रकार के साथ एक इनपुट तत्व बना और एक्सेस कर सकते हैं। गुण इनपुट रीसेट ऑब्जेक्ट के लिए निम्नलिखित गुण हैं - संपत्ति विवरण ऑटोफोकस यह सेट करने या वापस करने

  1. एचटीएमएल डोम मीटर ऑब्जेक्ट

    HTML में HTML DOM मीटर ऑब्जेक्ट तत्व का प्रतिनिधित्व करता है। नोट: . का प्रयोग न करें एक प्रगति पट्टी के रूप में लेकिन केवल एक गेज के रूप में। निम्नलिखित वाक्य रचना है - एक बनाना तत्व var meterObject = document.createElement(“METER”) यहां, मीटरऑब्जेक्ट में निम्नलिखित गुण हो सकते है