動態設置bootstrapswitch狀態

checkbox的html

<input type="checkbox" name="mySwitch" id="mySwitch">

引用bootstrap-switch的css和js

<link href="~/Content/bootstrap-switsh/bootstrap-switch.css" rel="stylesheet" />
 <script src="~/Content/js/jquery/jquery-2.1.1.min.js"></script>@*jquery有一定的版本要求，版本太低可能會讓bootstrapswitch事件無法應用*@
 <script src="~/Content/bootstrap-switsh/bootstrap-switch.js"></script>

　　

動態設置某個checkbox開關控制狀態　　

function load() {  
     //獲取控件初始狀態window.parent.Warn_Start為false或者true
    var r = window.parent.Warn_Start
    //有則銷毀（Destroy）
    $('#mySwitch').bootstrapSwitch('destroy');//定義按鈕刷新時可添加，否則可以不加
    //重新加載
    $('#mySwitch').bootstrapSwitch({
            onText: "啟動",
            offText: "停止",
            onColor: "success",
            offColor: "info",
            size: "small",
            state: r,
            onSwitchChange: function (event, state) {
                window.parent.Warn_Start = state;
　　　　　　　　　　var $el = $(event.el)
　　　　　　　　　　, value = event.value;
　　　　　　　　　　console.log(event, $el, value);
                if (state == true) {
                    Msg.notifySuccess("已啟動");
                } else {
                    Msg.notifySuccess("已關閉");
                }
            }

        })
}