css - かみそりの forEach インライン チェック ボックスのスタイルを設定する方法

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>

これは私が持っている必要があるものです。問題は、私がチェックするすべてのチェックボックスが常に管理者をチェックすることです。ループがIDに名前を付けており、すべてのチェックボックスで同じであるため、私はそれを知っています。また、そこのチェックボックスに近づけたいと思います

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