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 
}); 
});

來源

2015-07-10 brunodd

可以使用state方法來防止交換機發生變化。請記住使用第三個參數來確保事件不會再次執行。

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

工作例如：

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

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

來源

2015-07-10 16:44:48

感謝分享此。它快到了。無論打開還是關閉，如何在更改狀態之前顯示確認模式。在您的示例中，確認模式僅在從關閉更改爲開時顯示。對不起，我應該提到，在這個問題上，我只是編輯它。 – brunodd

@brunodd對不起，我以爲那是你想要的。編輯jsfiddle。 –

如果您希望在用戶點擊取消時將狀態設置爲關閉狀態：http://jsfiddle.net/hL0as0mv/1/ –

Bootstrap開關 - 點擊按鈕後更改狀態

回答

相關問題