帶有複選框的引導程序崩潰與目標失去同步

Question

我想在引用複選框時使用引導程序崩潰來顯示元素。

這是我的代碼：

<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屬性避免使用引導程序崩潰？

Answer 1

您應該以編程方式進行摺疊，對於輸入標記，請使用onchange事件來獲得準確的結果。這裏的解決方案https://jsfiddle.net/uLhju7es/2/