Как стилизовать бритву для всех встроенных флажков

Question

Я пытаюсь создать синтаксис бритвы с материализацией css. это то, что я имею прямо сейчас. Что не работает, флажки не могут быть проверены.

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

это то, что мне нужно иметь, вопрос каждый флажок, что я проверить всегда проверяет администратора. Я знаю его, потому что цикл называет идентификатор и для всех всех флажков. Кроме того, я хотел бы ближе к там флажки

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

Answer 1

Вы можете сделать добавить уникальное значение свойства и создать уникальный идентификатор, как "filled-in-box-"+item.id.

Здесь, в примере, у меня есть суффикс item.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>