使复选框无法单击ASP.NET MVC5

时间:2018-04-11 12:50:42

标签: c# css asp.net razor asp.net-mvc-5

我有一个表格,可以从模型和控制器中呈现一些数据。我有桌子工作,但有一种方法,我可以停止被点击表中的复选框。

我的代码是:

<tbody>
                @for(var i = 0; i < Model.Writers.Count(); i++)
                {
                <tr data-id="@Model.Writers[i].WriterId"
                    data-name="@Model.Writers[i].FirstName@Model.Writers[i].LastName"
                    data-membership="@Model.Writers[i].Membership"
                    data-capipinumber="@Model.Writers[i].CaeIpiNumber"
                    data-share="@Model.Writers[i].Share"
                    date-righttocollect="@Model.Writers[i].RightToCollect">

                    <td>@Model.Writers[i].FirstName @Model.Writers[i].LastName</td>
                    <td class="hidden-xs hidden-sm">@Model.Writers[i].Membership</td>
                    <td class="hidden-xs">@Model.Writers[i].CaeIpiNumber</td>
                    <td>@Model.Writers[i].Share</td>
                    <td class="hidden-xs hidden-sm text-center">
                    @Html.CheckBoxFor(m => m.Writers[i].RightToCollect, new { @class = "control-label" })
                    </td>
                </tr>
                tableRowIndex++;
}
            </tbody>

我只是不确定是否可以使复选框无法点击,因此它们会被锁定。

1 个答案:

答案 0 :(得分:1)

最后,我使用了HTML禁用属性,如下所示:

@Html.CheckBoxFor(m => m.Writers[i].RightToCollect, new { @disabled = "disabled" })

它禁用了所有已选中和未选中的复选框,因此您无法点击它们,这正是我所寻找的。