基于JSON数组设置Bootstrap多选复选框选中状态的问题

针对你遇到的场景，以下是几个可行的排查和解决方向：

1. 检查事件绑定方式是否正确 #

如果你的复选框是动态生成的，直接在$(document).ready里绑定到复选框元素上的change事件会失效——因为绑定逻辑执行时，目标元素还未渲染完成。此时必须用事件委托绑定到页面加载时就存在的静态父容器上：

// 错误写法：仅对绑定前已存在的元素生效
$('.your-checkbox-class').on('change', function() {
  // 更新子列表逻辑
});

// 正确写法：事件委托到静态父容器（比如表单或固定的div）
$('#static-parent-container').on('change', '.your-checkbox-class', function() {
  // 更新子列表逻辑
});

2. 确保trigger的元素匹配绑定选择器 #

触发事件的$(checkbox)必须和事件绑定的选择器完全匹配。比如你绑定的是.multi-checkbox类，那你的复选框元素必须带有这个类，否则trigger无法触发对应的事件处理函数。

3. 调整代码执行顺序 #

把事件绑定代码放在设置复选框选中状态的代码之前，确保事件绑定完成后再触发变更：

$(document).ready(function() {
  // 先绑定change事件
  $('#form-container').on('change', '.form-checkbox', function() {
    const selectedIds = $('.form-checkbox:checked').map(function() {
      return parseInt($(this).val());
    }).get();
    // 执行子列表更新逻辑
    updateChildList(selectedIds);
  });

  // 再设置复选框选中状态并触发事件
  const hdnVal = $('#<%= hdnFormcheckedvals.ClientID %>').val();
  if (hdnVal) {
    const targetIds = JSON.parse(hdnVal).map(el => el.formLookupId);
    $('.form-checkbox').each(function() {
      if (targetIds.includes(parseInt(this.value))) {
        this.checked = true;
        $(this).trigger('change');
      }
    });
  }
});

4. 直接调用处理函数（兜底方案） #

如果trigger仍不生效，可以把更新子列表的逻辑抽成独立函数，设置完选中状态后直接调用，无需依赖事件触发：

// 抽离更新子列表的逻辑
function updateChildList(selectedIds) {
  // 这里写更新子列表的具体代码，比如请求数据、渲染选项等
}

$(document).ready(function() {
  // 绑定事件时调用该函数
  $('#form-container').on('change', '.form-checkbox', function() {
    const selectedIds = $('.form-checkbox:checked').map(function() {
      return parseInt($(this).val());
    }).get();
    updateChildList(selectedIds);
  });

  // 设置选中状态
  const hdnVal = $('#<%= hdnFormcheckedvals.ClientID %>').val();
  if (hdnVal) {
    const targetIds = JSON.parse(hdnVal).map(el => el.formLookupId);
    $('.form-checkbox').each(function() {
      if (targetIds.includes(parseInt(this.value))) {
        this.checked = true;
      }
    });
    // 直接调用更新函数
    const selectedIds = $('.form-checkbox:checked').map(function() {
      return parseInt($(this).val());
    }).get();
    updateChildList(selectedIds);
  }
});

5. 适配Bootstrap自定义多选组件 #

如果你用的是Bootstrap官方的多选组件（如bootstrap-select），原生的trigger('change')无法触发组件的内部事件，需要用组件提供的API：

// 设置选中状态并刷新组件
$(checkbox).prop('checked', true).selectpicker('refresh');
// 触发组件的change事件
$(checkbox).selectpicker('triggerChange');

内容的提问来源于stack exchange，提问作者Unconquered82