如何将 Bootstrap Toggle 与 Html.CheckBoxFor 一起使用？答案

【问题标题】：How to use Bootstrap Toggle with Html.CheckBoxFor?如何将 Bootstrap Toggle 与 Html.CheckBoxFor 一起使用？
【发布时间】：2023-03-25 01:03:01
【问题描述】：

我只想知道在 ASP.NET MVC 中将 Bootstrap Toggle 与 Html.CheckBoxFor HTML 帮助器一起使用的正确语法。

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

@Html.CheckBoxFor(model => model.Active, new { ?引导切换？ })

【问题讨论】：

stackoverflow.com/questions/12674572/… 重复？
Proper usage of .net MVC Html.CheckBoxFor的可能重复
问题是如何使用 Html.CheckBoxFor + Bootstrap Toggle，而不是 Html.CheckBoxFor 自己
@Html.CheckBoxFor(model => model.Active, new { data_toggle="toggle", data_on="Yes", ..... })（注意_将在生成的html中转换为-）

标签： html asp.net-mvc razor

【解决方案1】：

我有一个复选框列表并像这样使用 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>

【讨论】：