Html.Checkboxfor已禁用 - 未在页面上正确绑定

Question

我的页面的HTML标记如下：

<div class="form-group m-b-30">
    <div class="col-xs-12">
        <div class="checkbox checkbox-primary">
            @Html.CheckBoxFor(m=>m.RememberMe)
            <label for="checkbox5">Remember me</label>
        </div>
    </div>
</div>

在我的viewmodel中：

public bool RememberMe {get;set;}

但复选框根本无法点击....

我做错了什么？

嗨@StephenMuecke，这是用上面的Html.CheckBoxFor生成的HTML：

<div class="checkbox checkbox-primary">
                                                <input data-val="true" data-val-required="The RememberMe field is required." id="checkbox5" name="RememberMe" type="checkbox" value="true"><input name="RememberMe" type="hidden" value="false">
                                                <label for="checkbox5">
                                                    Remember me
                                                </label>
                                            </div>

这是页面中包含的图片：

.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #458bc4;
  border-color: #458bc4; }
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #ffffff; }

复选框类：

.checkbox {
  padding-left: 20px; }
  .checkbox label {
    display: inline-block;
    padding-left: 5px;
    position: relative;
    font-family: "Noto Sans", sans-serif;
    font-weight: normal; }