动态设置bootstrapswitch状态

checkbox的html

引用bootstrap-switch的css和js


 @*jquery有一定的版本要求,版本太低可能会让bootstrapswitch事件无法应用*@
 

  

动态设置某个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("已关闭");
                }
            }

        })
}

 

你可能感兴趣的:(动态设置bootstrapswitch状态)