Checkbox不保留Bootstrap折叠的值

是指在使用Bootstrap框架进行页面开发时，当页面中存在折叠组件（Collapse）和复选框（Checkbox）组件，并且折叠组件被展开或收起时，复选框的选中状态会丢失的问题。

这个问题的原因是Bootstrap的折叠组件在展开或收起时会修改DOM结构，而复选框的选中状态是通过DOM属性来表示的。当折叠组件被展开或收起时，复选框的DOM结构可能会被重新渲染，导致选中状态丢失。

为了解决这个问题，可以使用JavaScript来保存和恢复复选框的选中状态。具体的做法是在折叠组件的展开和收起事件中，通过JavaScript代码获取复选框的选中状态，并将其保存到一个变量中。然后在折叠组件展开或收起完成后，再将保存的选中状态重新应用到复选框上。

以下是一个示例代码：

<div id="collapseExample" class="collapse">
  <input type="checkbox" id="checkboxExample">
  <label for="checkboxExample">Checkbox</label>
</div>

<script>
  var checkbox = document.getElementById('checkboxExample');
  var collapse = document.getElementById('collapseExample');

  collapse.addEventListener('show.bs.collapse', function () {
    // 保存复选框的选中状态
    checkbox.dataset.checked = checkbox.checked;
  });

  collapse.addEventListener('shown.bs.collapse', function () {
    // 恢复复选框的选中状态
    checkbox.checked = (checkbox.dataset.checked === 'true');
  });

  collapse.addEventListener('hide.bs.collapse', function () {
    // 保存复选框的选中状态
    checkbox.dataset.checked = checkbox.checked;
  });

  collapse.addEventListener('hidden.bs.collapse', function () {
    // 恢复复选框的选中状态
    checkbox.checked = (checkbox.dataset.checked === 'true');
  });
</script>

在上述代码中，我们通过使用Bootstrap提供的折叠组件事件（show.bs.collapse、shown.bs.collapse、hide.bs.collapse、hidden.bs.collapse）来监听折叠组件的展开和收起事件。在展开和收起事件中，我们分别保存和恢复了复选框的选中状态。

需要注意的是，上述代码只是一个示例，实际应用中可能需要根据具体情况进行适当的修改和调整。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云云数据库MySQL。