আমি জানি এটি উত্তম উত্তর বলে মনে হচ্ছে তবে আমি এটিকে এখানে রাখছি যাতে এটি ভবিষ্যতে অন্যদের সহায়তা করতে পারে।
মনে করুন আপনি একটি টেবিল নির্মাণ করছেন ফরচ লুপ দিয়ে। এবং একই সাথে শেষে চেকবক্সগুলি যুক্ত করুন।
<!-- Begin Loop-->
<tr>
<td><?=$criteria?></td>
<td><?=$indicator?></td>
<td><?=$target?></td>
<td>
<div class="form-check">
<input type="checkbox" class="form-check-input" name="active" value="<?=$id?>" <?=$status?'checked':''?>>
<!-- mark as 'checked' if checkbox was selected on a previous save -->
</div>
</td>
</tr>
<!-- End of Loop -->
আপনি একটি গোপন ইনপুট সহ টেবিলের নীচে একটি বোতাম রাখুন:
<form method="post" action="/goalobj-review" id="goalobj">
<!-- we retrieve saved checkboxes & concatenate them into a string separated by commas.i.e. $saved_data = "1,2,3"; -->
<input type="hidden" name="result" id="selected" value="<?= $saved_data ?>>
<button type="submit" class="btn btn-info" form="goalobj">Submit Changes</button>
</form>
আপনি আপনার স্ক্রিপ্টটি এভাবে লিখতে পারেন:
<script type="text/javascript">
var checkboxes = document.getElementsByClassName('form-check-input');
var i;
var tid = setInterval(function () {
if (document.readyState !== "complete") {
return;
}
clearInterval(tid);
for(i=0;i<checkboxes.length;i++){
checkboxes[i].addEventListener('click',checkBoxValue);
}
},100);
function checkBoxValue(event) {
var selected = document.querySelector("input[id=selected]");
var result = 0;
if(this.checked) {
if(selected.value.length > 0) {
result = selected.value + "," + this.value;
document.querySelector("input[id=selected]").value = result;
} else {
result = this.value;
document.querySelector("input[id=selected]").value = result;
}
}
if(! this.checked) {
// trigger if unchecked. if checkbox is marked as 'checked' from a previous saved is deselected, this will also remove its corresponding value from our hidden input.
var compact = selected.value.split(","); // split string into array
var index = compact.indexOf(this.value); // return index of our selected checkbox
compact.splice(index,1); // removes 1 item at specified index
var newValue = compact.join(",") // returns a new string
document.querySelector("input[id=selected]").value = newValue;
}
}
</script>
আপনার চেকবক্সের আইডিগুলি ফলাফল ভেরিয়েবলের মধ্যে "1,2" স্ট্রিং হিসাবে জমা দেওয়া হবে। তারপরে আপনি এটি চান তবে নিয়ামক স্তরে এটি বিচ্ছেদ করতে পারেন।