Bootstrap 开关 - 单击按钮后更改状态

Question

我正在使用 Bootstrap Switch 插件和 Bootstrap 模式。一旦用户单击将开关从 on 更改为 off，模态框就会淡化以请求确认。

如何在用户点击确认按钮后才将开关从 on 更改为 off 或从 off 更改为 on？如果用户单击取消，则 Switch 应返回 Off 状态。

My code

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

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

    $('#showModal').modal({
     backdrop: 'static',
     keyboard: false
 });
});

Answer 1

可以使用state方法来防止开关改变。记得使用第三个参数，确保事件不会再次执行。

    $('#myswitch').bootstrapSwitch('state', !data, true);

工作示例：

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

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