Asp.net MVC根据值选中/取消选中复选框

Asp.net MVC check/uncheck the checkbox based on a value?

本文关键字：取消 复选框 net MVC Asp      更新时间：2023-09-26

我正在asp.net MVC 5上工作，我在input字段中添加了checkbox类型的bootstrap toggle switch，如下面

 <input id="test_id" name="cmdName" type="checkbox" checked data-toggle="toggle">

我想根据 on 或Off值

选中/取消选中复选框

注意:默认总是在

我想在Javascript

中这样做
If(command == "On")
{
  //then it will check the checkbox
}
else if (command =="Off")
{
  //then it will uncheck the checkbox     
}

我发现了许多类似的问题，我试图实现它，但都是徒劳的

链接在下面

  1. 链接1
  2. 链接2
    3. 链接
  3. 3
  4. 链接4

我也试图添加$('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>

如有任何帮助，不胜感激

看看这个小提琴

我使用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);
});

您检查控制台是否有任何错误?我觉得你的剧本顺序不对。试着在bootstrap.min.js之后包含bootstrap-toggle.js脚本。

如果没有错误，尝试像这样切换复选框:

$('#test_id').bootstrapToggle('on')

或

$('#test_id').bootstrapToggle('off')
相关文章：