我正在开发 asp.net MVC 5,我在 input
字段中添加了一个 bootstrap 切换开关
,类型为 checkbox
,如下所示
<input id="test_id" name="cmdName" type="checkbox" checked data-toggle="toggle">
我想根据开或关值选中/取消选中复选框
注意:默认情况下始终开启
我想在我的 Javascript 中做这样的事情
If(command == "On")
{
//then it will check the checkbox
}
else if (command =="Off")
{
//then it will uncheck the checkbox
}
我发现了很多与之相关的类似问题,我尝试实现它,但都是徒劳
链接如下
我还尝试添加 $('input:checkbox[name=cmdName]').attr('checked', false);
包括 setAttribute
、 removeAttribute
、 .prop
等,但无法完成任务,我不知道问题是什么
我正在使用jquery 3.1.0
,下面是我的引用资料
<head>
<title>@ViewBag.Title</title>
@*All the javascript and css files that are required by the
application can be referenced here so that there is no
need to refrence them in each and every view*@
<script type="text/javascript" src="~/Scripts/jquery-3.1.0.min.js"></script>
<script src="~/Scripts/bootstrap-toggle.js"></script>
<link href="~/Content/bootstrap-toggle.css" rel="stylesheet" />
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/DataTables/css/jquery.dataTables.min.css" rel="stylesheet" />
<script type="text/javascript" src="~/Scripts/DataTables/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="~/Scripts/bootstrap.min.js"></script>
<script src="http://maps.google.com/maps/api/js?key=MyKey"></script>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/ico" />
<link rel="shortcut icon" href="~/favicon.ico" /></head>
如有任何帮助,我们将不胜感激
最佳答案
查看THIS fiddle .
我使用jquery 3.1.0和Chrome来测试它。
$("#toggler").on("click", function() {
var state = $('#myCheckbox').prop("checked");
if (!state)
$('#myCheckbox').prop("checked", true);
else
$('#myCheckbox').prop("checked", false);
});
关于javascript - Asp.net MVC 根据值检查/取消选中复选框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39790905/