কম্পিউটার টিউটোরিয়াল

HTML DOM Input Checkbox value প্রোপার্টি


Input Checkbox value প্রোপার্টি ইনপুট চেকবক্সের value অ্যাট্রিবিউটের স্ট্রিং রিটার্ন করে। ইউজার এটি নতুন স্ট্রিংয়েও সেট করতে পারেন।

সিনট্যাক্স

নিচে সিনট্যাক্স দেওয়া হলো:

  • স্ট্রিং ভ্যালু রিটার্ন করা
inputCheckboxObject.value
  • value অ্যাট্রিবিউটকে স্ট্রিং ভ্যালুতে সেট করা
inputCheckboxObject.value = 'String'

উদাহরণ

Input Checkbox value প্রোপার্টির উদাহরণ:

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

আউটপুট

এটি নিচের আউটপুট প্রডিউস করবে:

'Change value of input checkbox' বাটনে ক্লিক করার আগে:

HTML DOM Input Checkbox value প্রোপার্টি

'Change value of input checkbox' বাটনে ক্লিক করার পর:

HTML DOM Input Checkbox value প্রোপার্টি

'Color-Red' চেকবক্স চেক করে 'Change value of input checkbox' বাটনে ক্লিক করলে:

HTML DOM Input Checkbox value প্রোপার্টি

  1. HTML DOM Input Email value প্রপার্টি

  2. HTML DOM Input Time value প্রপার্টি

  3. HTML DOM Input URL value প্রপার্টি

  4. HTML DOM Input Week value প্রপার্টি