MVC4和Razor:如何恢复复选框?

时间:2013-07-01 15:17:25

标签: asp.net-mvc-4 twitter-bootstrap razor

我已经创建了一个表格,该表格在每个行的复选框前面插入一个项目列表。 显示方式是这样的:

@{
    ViewBag.Title = "NewInventory";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h3>Select rooms for new inventory</h3>
@Html.Partial("RoomListInventory")
<h3>Select people to assign to</h3>
@Html.Partial("PersonListInventory")

在“主”视图和局部视图中,即:

<table class="table table-striped">
    <thead>
        <tr>
            <th>
                Select
            </th>
            <th>
               User name
            </th>
            <th>
               User role
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
               <input type="checkbox" value="1">
            </td>
            <td>
                User 1
            </td>
            <td>
                Role 1
            </td>
        </tr>
        [...]
    </tbody>
</table>

我的问题是:如何恢复然后,因为复选框的值将是人,或对象的id或无论如何,已经选择了如何使用框恢复?

谢谢!

1 个答案:

答案 0 :(得分:0)

您可以使用JQuery搜索所有复选框:

var list = $('input[type="checkbox"]').is(':checked');
var length = list.length;
for(int i = 0; i < length; i++)
{
   console.log(list[i].val());
}

注意:您没有为复选框提供名称,因此在提交表单时它可能不会转移到服务器。为其分配一个值,以确保可以使用表单提交。

<input type="checkbox" value="1" name="user">