Question

我正在使用asp.net MVC-5，我使用复选框添加了一个bootstrap切换按钮，如下所述

我的脚本

<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（真）

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

任何帮助都将受到高度赞赏

Answer 1

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

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

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

1 个答案: