https://i.sstatic.net/Y5ml2.png
Here, I manually select checkboxes and press the sync button. When I do this individually, it works properly. However, if I press the select all button, all the checkboxes are selected but the sync process does not occur.
This is the select all button and its function
<div class="col">
<label style="padding:10px 0 0 8px">
<input type="checkbox" class="i-checks" name="input[]" onClick="toggle(this)">
<span class="ml-2">Select All</span>
</label>
</div>
This is the script section
<script language="JavaScript">
function toggle(source) {
checkboxes = document.getElementsByName('foo');
for (var i = 0, n = checkboxes.length; i < n; i++) {
checkboxes[i].checked =source.checked;
}
}
</script>
These are the checkboxes
<td><input type="checkbox" data-bind="checked:SHTYP_IS_MANUAL_SYNC"
class="i-checks" name="foo"></td>