Jquery MVC 5使用多个复选框将表单发布到控制器

Jquery MVC 5使用多个复选框将表单发布到控制器,jquery,asp.net-mvc-5,Jquery,Asp.net Mvc 5,我有一个员工列表,我需要以以下格式显示:一个表格,其中提到了员工的姓名,如果他是员工和如果他是永久员工,用复选框表示 我还希望能够通过选中列Name左侧的复选框来选中所有复选框,并能够通过选中每行右侧的复选框来选择员工 示例:如果我选中Jhon Smith左侧的复选框,则将选中Employee和Permanent列 jQuery的检查应该不会有问题,但我很难将其绑定到视图,然后在保存后将其发送回控制器 (这是针对MVC4的,我不确定是否有任何变化) 如果您使用的是强类型视图,那么这很容易做到 强

我有一个员工列表,我需要以以下格式显示:一个表格,其中提到了
员工的姓名
如果他是员工
如果他是永久员工
,用复选框表示

我还希望能够通过选中列
Name
左侧的复选框来选中所有复选框,并能够通过选中每行右侧的复选框来选择员工

示例:如果我选中Jhon Smith左侧的复选框,则将选中Employee和Permanent列

jQuery的检查应该不会有问题,但我很难将其绑定到视图,然后在保存后将其发送回控制器

(这是针对MVC4的,我不确定是否有任何变化)

如果您使用的是强类型视图,那么这很容易做到

强类型视图上自动生成的“列表”类型与该布局类似

假设此视图采用
@模型列表
。创建一个强类型局部视图,该视图包含一个
CheckBoxViewModel
类,用于每个employee checkbox属性,该属性有一个复选框标签和id条目,复选框的复选框属性有一个bool

然后,您可以使用
EmployeeViewModel
上的
CheckBoxViewModel
s使用
Html.EditorFor
来显示此局部视图。局部视图将是沿着…线的东西

    @model CheckBoxViewModel

    @Html.CheckBoxFor(cbox => cbox.Checked)
    @Html.LabelFor(cbox => cbox.Checked, Model.Label)
    @Html.HiddenFor(cbox => cbox.Id)
    @Html.HiddenFor(cbox => cbox.Label)
您可能想错过查看示例时的
标签,但只要隐藏的标签在那里,我认为就可以了

然后可以为视图控制器的
POST
版本提供一个输入参数类型
List employees
,该参数类型将包含employees对象中的复选框值


对于左边的勾选框,您只需创建一个带有普通JavaScript或jQuery事件的纯HTML版本,以在选中/取消选中时检查同一行中的内容。类似的内容在这里详细介绍-

为此使用jquery。对于这种情况,击倒是有效的。试着调查一下淘汰赛