检查Bootstrap数据样式是打开还是关闭

Question

我有这个bootstrap复选框，我想在它关闭时弹出一个警告对话框。

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