如何在Html.CheckBoxFor中使用Bootstrap Toggle?

时间:2018-05-17 12:10:54

标签: html asp.net-mvc razor

我想知道的是在ASP.NET MVC中使用Bootstrap Toggle和Html.CheckBoxFor HTML帮助程序的正确语法。

  

< input type =“checkbox”checked data-toggle =“toggle”data-on =“Yes”   data-off =“No”data-width =“15”data-height =“15”data-onstyle =“success”   data-offstyle =“danger”data-style =“ios”>

问题是如何使用Html.CheckBoxFor + Bootstrap Toggle,而不是Html.CheckBoxFor他自己

  

@ Html.CheckBoxFor(model => model.Active,new {   ?Bootstrap Toggle?})

1 个答案:

答案 0 :(得分:0)

我有一个复选框列表,并像这样使用Bootstrap Toggle:

@Html.CheckBoxFor(x => item.isSelected, new { id = "espSelected_" + 
  item.idEspecialidad, data_toggle = "toggle", data_onstyle = "success" })

不要忘记使用此:

<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" 
    rel="stylesheet">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>