jquery - 如何将引导切换器默认设置为 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>

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

但我希望切换器默认切换为 ON：

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

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