我正在www.example.com MVC-5上工作，我已经使用复选框添加了 Bootstrap 切换按钮，如下图所示asp.net MVC-5, I have added a bootstrap toggle button usingcheckboxlike bellow
我的剧本

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

我想在切换开关按钮上添加一个简单的警报，即在切换到打开时显示打开警报，在切换到关闭时显示关闭警报
我查了很多文章，但没有找到合适的答案

• • 更新**

如果在我的输入字段中添加了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");
    }
});

任何帮助都将不胜感激