如何将deflult BootstrapToggle设置为ON

时间:2017-01-16 15:15:37

标签: javascript jquery html5 twitter-bootstrap thymeleaf

我正在使用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">

1 个答案:

答案 0 :(得分:0)

我试过这样的事情,这似乎对我有用。

<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">

我只是将这些属性设置为 data-th-checked="true" th:checked="true",现在我的主页默认显示ON