HTML DOM Input Checkbox value Property

Input Checkbox value property चेकबॉक्स के value attribute का मान दर्शाने वाला string लौटाता है। उपयोगकर्ता इसे नए string मान पर सेट भी कर सकता है। ध्यान दें: चेकबॉक्स का value फॉर्म सबमिशन पर सर्वर भेजा जाता है, केवल तब जब चेकबॉक्स चेक्ड हो।

Syntax

मान प्राप्त करना:

inputCheckboxObject.value

मान सेट करना:

inputCheckboxObject.value = 'String'

उदाहरण

चेकबॉक्स का मान "Green" से "Red" में बदलना जब चेकबॉक्स चेक्ड हो:

<!DOCTYPE html>
<html>
<head>
<title>Value Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
  <div> रंग-लाल: <input value="Green" id="formCheckbox" type="checkbox" name="formCheckbox"> </div>
</form>
<button onclick="changeType()">चेकबॉक्स का मान बदलें</button>
<div id="displayDiv"></div>
<script>
  var valueOfInput = document.getElementById("formCheckbox");
  var displayDiv = document.getElementById("displayDiv");
  displayDiv.textContent = 'मान: ' + valueOfInput.value;
  function changeType() {
    if (valueOfInput.value == 'Green' && valueOfInput.checked == true) {
      valueOfInput.value = 'Red';
      displayDiv.textContent = 'मान: ' + valueOfInput.value;
    } else {
      displayDiv.textContent = 'मान को Red में बदलने के लिए चेकबॉक्स चेक करें';
    }
  }
</script>
</body>
</html>

आउटपुट

प्रारंभ में चेकबॉक्स का मान "Green" दिखाता है। बटन क्लिक करने पर यदि चेकबॉक्स चेक्ड है तो मान "Red" में बदल जाता है।

महत्वपूर्ण नोट

चेकबॉक्स का value फॉर्म सबमिशन पर सर्वर भेजा जाता है (केवल जब चेक्ड हो)
यदि value attribute नहीं दिया गया है, तो डिफ़ॉल्ट मान "on" होता है
checked property से चेकबॉक्स की चेक्ड स्थिति जांचें, value से नहीं
चेकबॉक्स का value यूजर इंटरफेस पर प्रदर्शित नहीं होता - यह केवल फॉर्म डेटा के लिए होता है