檢查Bootstrap數據樣式是打開還是關閉

Question

我有這個引導複選框，並且我想在關閉時彈出一個警告對話框。

<div class="row"> 
     <link href="css/bootstrap-toggle.min.css" rel="stylesheet"> 
     <script src="javascript/bootstrap-toggle.min.js"></script> 

     <!-- Status checkbox if ON or OFF --> 

     <input type="checkbox" id="status-check" checked data-toggle="toggle" data-onstyle="success" data-offstyle="danger"> 
</div> 

Answer 1

嘗試這樣

$("#status-check").on("change", function() { 
    if ($(this).parent().hasClass("off")) { 
     alert("off"); 
    } 
}); 

JSFIDDLE

Answer 2

您可以將 「改變」 處理程序的複選框，當它改變其運行：

$("#status-check").bind("change",function(){ 
    if(!this.checked){ 
     alert("not selected") 
    } 
});