带有复选框的引导折叠与目标失去同步答案

【问题标题】：Bootstrap collapse with checkbox loses sync with its target带有复选框的引导折叠与目标失去同步
【发布时间】：2016-02-15 18:05:10
【问题描述】：

我想在标记复选框时使用引导折叠来显示元素。

这是我的代码：

<input type="checkbox" data-toggle="collapse" data-target="#collapseExample" />
<div class="collapse" id="collapseExample">
  <div class="well">
    Checked!
  </div>
</div>

https://jsfiddle.net/6sjcqmqx/

请尝试多次快速检查该复选框，您会发现它与目标失去同步，然后在未选中复选框时显示目标。我认为它与折叠过渡有关，但也删除了发生此错误的折叠过渡。

如何通过 html 属性使用引导折叠来避免这种情况？

【问题讨论】：

标签： twitter-bootstrap collapse

【解决方案1】：

您应该以编程方式进行折叠，对于输入标签，使用onchange 事件来获得准确的结果。这是解决方案https://jsfiddle.net/uLhju7es/2/

【讨论】：