Asp.net MVC檢查/取消選中基於值的複選框？

我工作的asp.net MVC 5，我已經在input場添加checkbox類型的bootstrap toggle switch像波紋管Asp.net MVC檢查/取消選中基於值的複選框？

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

任何幫助，將不勝感激

來源

2016-09-30 faisal1208

退房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); 
});

來源

2016-09-30 12:37:51

我使用jQuery的都和3.1.0鉻，還使用了.prop但沒有用 – faisal1208

您是否檢查控制檯是否有任何錯誤？我會說你的腳本的順序是錯誤的。嘗試在bootstrap.min.js之後包含bootstrap-toggle.js腳本。

如果沒有錯誤，請嘗試切換這樣的複選框：

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

或者

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

來源

2016-09-30 14:15:48 Dygestor

控制檯沒有錯誤 – faisal1208

我添加了用於設置複選框狀態的方法，試試看。 – Dygestor

是的，已經嘗試過，但沒有工作 – faisal1208

Asp.net MVC檢查/取消選中基於值的複選框？

回答

相關問題