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

Question

我正在使用Bootstrap Switch插件和Bootstrap Modal。用户点击将切换从on更改为off后，模态框会在请求确认时淡出。

如果用户点击“确认”按钮后，如何将切换从on更改为off或从off更改为on？如果用户单击“取消”，则交换机应返回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