在这里,我手动选择这些复选框,然后按下同步按钮,当它正常工作时,我按下“选择所有”按钮,所有复选框都被选中,但不同步。
这是选择所有按钮和函数
<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>
这是脚本部件
<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>
这是复选框
<td><input type="checkbox" data-bind="checked:SHTYP_IS_MANUAL_SYNC"
class="i-checks" name="foo"></td>
发布于 2021-03-31 23:57:55
function toggle(checked) {
var checkboxes = document.getElementsByName('foo');
for (var i = 0, n = checkboxes.length; i < n; i++) {
if (checkboxes[i].checked !=source.checked) {
checkboxes[i].click();
}
}}
发布于 2021-03-31 22:37:33
您使用的是当用户单击复选框时发生的单击事件,但我们需要在JavaScript源代码中使用onchange:
$(document).ready(function()
{
$('.i-checks').change(function()
{
toggle(this)
});
});
https://stackoverflow.com/questions/66899183
复制相似问题