如何将bootstrap switcher默认设置为ON？

Question

我正在使用引导切换器(https://bttstrp.github.io/bootstrap-switch/examples.html)

<p><input  type="checkbox" checked="checked" data-on-color="info" ></p>

<script src="js/jquery-3.3.1.js"></script>
<script src="js/highlight.js"></script>
<script src="https://unpkg.com/bootstrap-switch"></script>
<script src="js/main_switch.js"></script>

默认情况下，它看起来像这样：

​

​

但我希望开关默认开着：

​

​

但即使我将其设置为选中，它也始终处于关闭状态。我也试过了：

<p><input  type="checkbox" data-on-color="info" checked></p>

但没有变化。

我也试过了：

<p><input  type="checkbox" data-on-color="info" checked="true"></p>

但没有变化

Answer 1

用法：data-toggle="switch"

代码：<input type="checkbox" data-toggle="switch" checked>

测试：https://jsfiddle.net/u38tq2r9/