更改數據切換值取決於頁面加載時的複選框值

Question

我正在嘗試創建一個客戶訂單頁面，其中使用複選框來使用引導程序data-toggle顯示產品交付狀態。這個data-toggle在默認情況下是禁用的。

<td><input type="checkbox" id="toggle" value="${customerOrder.deliver}" disabled data-toggle="toggle" data-onstyle="success" data-offstyle="danger" data-on="Deliver" data-off="Not Deliver"/></td> 

問題是，當頁面加載，data-toggle值不會改變取決於checkbox value。我是否需要使用jQuery來檢查checkbox value或者引導程序是否可以處理data-toggle值以開啓或關閉其值。

非常感謝您的支持。

Answer 1

您的標記更改爲：

<input type="checkbox" id="toggle" data-toggle="collapse" data-target="#collapse1"/> 

其中 「崩潰」 是類要切換div和 「collapse1」 及其id：

<div id="collapse1" class="panel-collapse collapse"> 
... your code... 
</div>