एचटीएमएल डोम इनपुट चेकबॉक्स मूल्य संपत्ति

<घंटा/>

इनपुट चेकबॉक्स मान गुण इनपुट चेकबॉक्स के मान विशेषता के साथ एक स्ट्रिंग देता है। उपयोगकर्ता इसे एक नई स्ट्रिंग पर भी सेट कर सकता है।

सिंटैक्स

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

स्ट्रिंग मान लौटाना

inputCheckboxObject.value

सेटिंग मान एक स्ट्रिंग मान के लिए विशेषता

inputCheckboxObject.value = ‘String’

उदाहरण

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

<!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>

आउटपुट

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

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

एचटीएमएल डोम इनपुट चेकबॉक्स मूल्य संपत्ति

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

एचटीएमएल डोम इनपुट चेकबॉक्स मूल्य संपत्ति

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

एचटीएमएल डोम इनपुट चेकबॉक्स मूल्य संपत्ति