如何将 bootstrap 切换器默认设置为开启？

Question

我正在使用 Bootstrap 切换器 (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/