列表与复选框和TextBox

Question

我想显示包含以下列的列表：

1. 复选框
2. 标签
3. 文本框

应该有一个选择所有复选框的选项。我还要求根据要求禁用一些复选框。

如何使用Razor在MVC 5中准备这样的列表？

Answer 1

在视图中，您可以让Razor帮助您生成如下所示的复选框列表：

<div id="checkboxes">
    @for (int i = 0; i < 10; i++)
    {
        @:<input type="checkbox" id="@i.ToString()"/> Checkbox @(i+1)
        @:<br />
}
</div>
<br />

<input type="checkbox" id="checkall" /> Select all

您可以对标签和文本框使用相同的方法。为了能够选择所有这些复选框，请考虑使用javascript：

<script type="text/javascript">

function toggleCheckbox(status) {
    $("#checkboxes input").each(function ()
    {
        $(this).prop("checked", status);
    });
}

$(document).ready(function () {

    $("#checkall").prop('checked', true);

    $("#checkall").click(function () {
        var status = $("#checkall").prop('checked');
        toggleCheckbox(status);
    });
});
</script>