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

问题描述：

我正在使用Bootstrap Switch插件和Bootstrap模态。一旦用户点击将Switch从on更改为off，Modal框会淡化以请求确认。Bootstrap开关 - 点击按钮后更改状态

只有在用户点击确认按钮后，如何将开关从on改为off或从off改为on？如果用户点击取消，交换机应该返回到Off状态。

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

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

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

答

可以使用state方法来防止交换机发生变化。请记住使用第三个参数来确保事件不会再次执行。

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

工作例如：

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

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

感谢分享此。它快到了。无论打开还是关闭，如何在更改状态之前显示确认模式。在您的示例中，确认模式仅在从关闭更改为开时显示。对不起，我应该提到，在这个问题上，我只是编辑它。 – brunodd

@brunodd对不起，我以为那是你想要的。编辑jsfiddle。 –

如果您希望在用户点击取消时将状态设置为关闭状态：http://jsfiddle.net/hL0as0mv/1/ –

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

相关推荐