css - 如何为每个内联复选框设置 Razor 样式

标签 css asp.net-mvc razor materialize

我正在尝试使用 materialize css 来设置 Razor 语法的样式。这就是我现在所拥有的。这不起作用,无法选中复选框。

currentCheckboxes

<div class="form-group">
   <div class="col-md-12">
     @foreach (var item in (SelectList)ViewBag.RoleId)
       {
        <input type="checkbox" name="SelectedRoles" value="@item.Value" class="checkbox-inline" />
          @Html.Label(item.Value, new { @class = "control-label" })
        }
 </div>
</div>

这是我需要的,问题是我选中的每个复选框总是选中管理员。我知道它是因为循环正在命名所有复选框的 id 和相同的名称。我也想靠近那里的复选框

whatIwantToHaveWork

<div class="form-group">
  <div class="col-md-12">
      @foreach (var item in (SelectList)ViewBag.RoleId)
        {
           <input type="checkbox" name="SelectedRoles" value="@item.Value" class="filled-in" id="filled-in-box" />
           @Html.Label(item.Value, new { @for = "filled-in-box" })
       }
   </div>
 </div>

最佳答案

您可以添加一些唯一的属性值并创建唯一的 ID,例如 "filled-in-box-"+item.id

在这个例子中,我在 item.id 后缀来创建唯一的 id。

@foreach (var item in (SelectList)ViewBag.RoleId)
{
    <input type="checkbox" name="SelectedRoles" value="@item.Value" class="filled-in" id="filled-in-box-@item.id" />
    @Html.Label(item.Value, new { @for = "filled-in-box-"+item.id })
}


只需去掉 @HTML.Label 并使用

<label>
    @item.Value <input type="checkbox" name="SelectedRoles" value="@item.Value" class="filled-in" />
</label>

关于css - 如何为每个内联复选框设置 Razor 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30301126/

相关文章:

jquery - Jeditable css 悬停问题

c# - 使用 XPATH 或 CSS 选择器在 Selenium 中查找元素

javascript - DataTable 在小型设备上无法正确呈现

c# - Razor 中的 MVC 数据注释

c# - Html.BeginRouteForm 接受字符集属性

css - 静态文件未在 django 1.6 中加载

asp.net-mvc - 无法让渐变延伸到浏览器底部

c# - 如何在 C# MVC 3 中返回空白 View

javascript - 替换表格每一行的所有div标签

c# - MVC 4 TextBoxFor 和其他自动调用 HttpUtility.HtmlAttributeEncode