Bootstrap Switch - 单击按钮后更改状态

bru*_*odd 7 jquery twitter-bootstrap bootstrap-switch

我正在使用Bootstrap Switch插件和Bootstrap Modal.用户单击以将"切换"更改onoff"模态"框后,请求确认.

如何在交换机从更改onoffoffon用户点击确认按钮后,才?如果用户单击"取消",则交换机应返回Off状态.

我的代码

$("#myswitch").bootstrapSwitch();

$('#myswitch').on('switchChange.bootstrapSwitch', function (e, data) {

    $('#showModal').modal({
     backdrop: 'static',
     keyboard: false
 });
});
Run Code Online (Sandbox Code Playgroud)

Max*_*uin 17

您可以使用该state方法来防止切换更改.请记住使用第三个参数来确保不再执行该事件.

    $('#myswitch').bootstrapSwitch('state', !data, true);
Run Code Online (Sandbox Code Playgroud)

工作范例:

https://jsfiddle.net/hL0as0mv/169/

完整文档:http: //bootstrapswitch.site/methods.html

  • 如果您希望在用户点击取消时将状态设置为关闭:http://jsfiddle.net/hL0as0mv/1/ (2认同)