数据切换的更改值取决于页面加载时的复选框值

Question

我正在尝试创建一个客户订单页面，其中使用复选框显示使用bootstrap 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"/>

其中“collapse”是您要切换的div类，“collapse1”是其I​​D：

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