HTML DOM Input Checkbox অবজেক্ট type checkbox সহ একটি ইনপুট HTML এলিমেন্টকে রিপ্রেজেন্ট করে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
- <input> তৈরি করা type checkbox সহ
var checkboxObject = document.createElement("input"); checkboxObject.type = "checkbox";
অ্যাট্রিবিউটগুলো
এখানে "checkboxObject" নিচের অ্যাট্রিবিউটগুলো থাকতে পারে:
| অ্যাট্রিবিউটস | বিবরণ |
|---|---|
| autofocus | পেজ লোড হলে চেকবক্স ফোকাস পাবে কিনা তা ডিফাইন করে। |
| checked | চেকবক্সের স্টেট ডিফাইন করে অর্থাৎ চেকড/আনচেকড। |
| defaultChecked | checked অ্যাট্রিবিউটের ডিফল্ট ভ্যালু রিটার্ন করে অর্থাৎ true/false। |
| defaultValue | চেকবক্সের ডিফল্ট ভ্যালু সেট/রিটার্ন করে। |
| disabled | চেকবক্স ডিজেবল্ড/এনেবল্ড আছে কিনা ডিফাইন করে। |
| form | চেকবক্সকে ধারণকারী ফর্মের রেফারেন্স রিটার্ন করে। |
| indeterminate | চেকবক্সের indeterminate স্টেট সেট/রিটার্ন করে। |
| name | চেকবক্সের name অ্যাট্রিবিউটের ভ্যালু ডিফাইন করে। |
| required | ফর্ম সাবমিট করার জন্য চেকবক্স চেক করা বাধ্যতামূলক কিনা ডিফাইন করে। |
| type | চেকবক্সের ফর্ম এলিমেন্ট টাইপ রিটার্ন করে। |
| value | চেকবক্সের value অ্যাট্রিবিউটের ভ্যালু ডিফাইন করে। |
উদাহরণ
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' বাটনে ক্লিক করার আগে:
'Change value of input checkbox' বাটনে ক্লিক করার পর:
'Color-Red' চেকবক্স চেক করে 'Change value of input checkbox' বাটনে ক্লিক করলে:
