我已经买了一个基于bootstrap/html的管理面板，它带有大量的伟大功能，其中之一是翻转开关，看起来非常圆滑，并希望使用它为我的任何产品的状态。
这是实际代码的样子

<div data-off-label="Disabled"  data-on-label="Enabled"  class="switch" style="margin-top:12px;">
<input type="checkbox" checked="checked">                                       
</div>

当我从浏览器中检查元素时，我得到以下内容：

<div data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;">
<div class="switch-on switch-animate" style="">
    <input type="checkbox" checked="checked">
    <span class="switch-left">Enabled</span><label>&nbsp;
    </label><span class="switch-right">Disabled</span>
</div>

我使用了常用的data-role=“flipswitch”，但这看起来不同，因为
打开时看起来像这样

<div class="switch-on switch-animate">

关闭时看起来像这样

<div class="switch-off switch animate">

请帮助我如何使用以上更改时，页面加载取决于来自数据库的值。
我试过跟踪，但没有效果

<div data-off-label="Disabled" data-on-label="Enabled" class="switch" style="margin-top:12px;">
<div class="<?if($Status = 1){ echo 'switch-on'; } else { echo 'switch-off'; } switch-animate" style="">
    <input type="checkbox" checked="checked">
    <span class="switch-left">Enabled</span><label>&nbsp;
    </label><span class="switch-right">Disabled</span>
</div>

和切换不正常工作，并停止滑动顺利。
看起来管理面板的开发者使用这个模块作为开关
http://www.bootstrap-switch.org/documentation-2.html