经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » 软件/图像 » Visual Studio » 查看文章
动态设置bootstrapswitch状态
来源:cnblogs  作者:derr  时间:2019/1/22 9:53:23  对本文有异议

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("已关闭");
                }
            }

        })
}

 

原文链接:http://www.cnblogs.com/Loners/p/10297990.html

 友情链接:直通硅谷  点职佳