检查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") 
    } 
});