如何将默认 Bootstrap Toggle 设置为 ON答案

【问题标题】：How to set deflult BootstrapToggle to ON如何将默认 Bootstrap Toggle 设置为 ON
【发布时间】：2017-01-16 15:15:36
【问题描述】：

我正在使用Bootstrap Toggle。当我在页面上添加切换按钮时，它默认设置为OFF，即使我默认设置了checked，但它仍然显示OFF。我如何将其设置为ON？这是我的代码：

<input class="form-control" type="checkbox" checked data-toggle="toggle" data-on="Activate" data-off="Deactivate" th:field="${cen_group.status}" name="status"  data-th-size="normal" id="group_activation_status" data-th-style="slow">

【问题讨论】：

我将您的代码复制到我的一个项目中，当我渲染视图时复选框已打开。
您是否在代码中的某处将所有复选框设置为关闭？ :D
不，但我将 Thymleaf 对象 th:field="${cen_group.status}" 设置为 OFF。
尝试看看你是否在某个地方将其设置为关闭，因为我尝试过并且它工作正常，请参见此处：jsfiddle.net/zjjkq4m5

标签： javascript jquery html twitter-bootstrap thymeleaf

【解决方案1】：

我尝试了类似的方法，它似乎成功地为我工作。

&lt;input class="form-control" type="checkbox" data-th-checked="true" th:checked="true" data-toggle="toggle" data-on="Activate" data-off="Deactivate" th:field="${cen_group.status}" name="status"  data-th-size="normal" id="group_activation_status" data-th-style="slow"&gt;

我只是放了这些属性： data-th-checked="true" th:checked="true" 现在我的主页默认显示ON。

【讨论】：