JavaScript 复选框切换开关按钮警报

Question

我正在研究 asp.net MVC-5，我使用 checkbox 添加了一个引导切换按钮，如下所示

我的脚本

<script src="~/Scripts/bootstrap-toggle.js"></script>
<link href="~/Content/bootstrap-toggle.css" rel="stylesheet" />
<script type="text/javascript" src="~/Scripts/jquery-3.1.0.min.js"></script>

我的剃须刀

注意：波纹管剃须刀放置在局部视图中，并在我的布局中呈现 @using (Html.BeginForm()) { @Html.AntiForgeryToken() @Html.ValidationSummary(true)

<fieldset style="height:60px">
    <legend style="text-align:center;  font-size:large; font-family:'Times     New Roman'; background-color:#C8E6C9; color:red">Remote On/Off</legend>
    <input type="checkbox" checked data-toggle="toggle">
</fieldset>}

我想在切换开关按钮上添加一个简单的警报，即它会在切换到打开时向我显示 On 警报，在切换到关闭时会显示 Off 警报

我搜索了很多文章，但找不到正确的答案

更新

如果在我的输入字段中添加了 id 字段，然后像下面这样将其传递给 JS 脚本，它就开始工作了

<input id="test_id" type="checkbox" checked data-toggle="toggle">
$("#test_id").on("change", function (event) {
    if ($(this).is(":checked")) {
        alert("on");
    } else {
        alert("off");
    }
});

任何帮助将不胜感激

Answer 1

您可以为复选框添加更改事件处理程序 -

$("checkbox").on("change", function(event) {
     if($(this).is(":checked")) {
        alert("on");         
     } else {
        alert("off");
     }
});