HTML DOM ইনপুট চেকবক্স অবজেক্ট টাইপ চেকবক্স সহ একটি ইনপুট HTML উপাদান উপস্থাপন করে।
সিনট্যাক্স
নিম্নলিখিত সিনট্যাক্স −
- একটি তৈরি করা হচ্ছে টাইপ চেকবক্স সহ
var checkboxObject = document.createElement(“input”); checkboxObject.type = “checkbox”;
গুণাবলী
এখানে, “চেকবক্স অবজেক্ট ” এর নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -
| গুণাবলী | বিবরণ |
|---|---|
| অটোফোকাস | চেকবক্সটি প্রাথমিক পৃষ্ঠা লোডের উপর ফোকাস করা উচিত কিনা তা নির্ধারণ করে। |
| চেক করা হয়েছে | এটি চেকবক্সের অবস্থা সংজ্ঞায়িত করে যেমন চেক করা/আনচেক করা হয়েছে। |
| ডিফল্ট চেক করা হয়েছে | এটি চেক করা অ্যাট্রিবিউটের ডিফল্ট মান প্রদান করে যেমন true/false |
| ডিফল্ট মান | এটি চেকবক্সের ডিফল্ট মান সেট/রিটার্ন করে |
| অক্ষম | চেকবক্স নিষ্ক্রিয়/সক্রিয় থাকলে তা নির্ধারণ করে |
| ফর্ম | এটি এনক্লোজিং ফর্মের একটি রেফারেন্স প্রদান করে যাতে চেকবক্স থাকে |
| অনির্ধারিত | এটি চেকবক্সের অনির্দিষ্ট অবস্থা সেট/ফেরত করে |
| নাম | এটি একটি চেকবক্সের নামের বৈশিষ্ট্যের মান নির্ধারণ করে |
| প্রয়োজনীয় | ফর্মটি জমা দেওয়ার জন্য চেকবক্সটি চেক করা বাধ্যতামূলক কিনা তা নির্ধারণ করে |
| টাইপ | এটি চেকবক্সের ফর্ম উপাদানের ধরন প্রদান করে |
| মান | এটি একটি চেকবক্সের মান বৈশিষ্ট্যের মান নির্ধারণ করে |
উদাহরণ
আসুন ইনপুট চেকবক্স মান এর একটি উদাহরণ দেখি সম্পত্তি -
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে'ইনপুট চেকবক্সের মান পরিবর্তন করুন' ক্লিক করার আগে৷ বোতাম -
'ইনপুট চেকবক্সের মান পরিবর্তন করুন' ক্লিক করার পরে৷ বোতাম -
'রঙ-লাল' চেক করা হয়েছে৷ চেকবক্স এবং 'ইনপুট চেকবক্সের মান পরিবর্তন করুন' ক্লিক করা বোতাম -
