Mvc4.0之 checkbox实例详解

Checkbox是我们编成中时常会用到的，它的使用可以为我们带来很大的便捷，我们可以运用它从而实现数据的批量删除，然而在mvc4.0种如何实现该操作，其实也不难

看下面这个实例

·        View

从数据库中获取数据显示到界面

@modelIEnumerable<CompanyEmployeeTake_LeaveSystem.Models.tb_askForLeave>

@{

    ViewBag.Title = "AskForLeaveSubject";

}

@Scripts.Render("~/Scripts/jquery-1.7.1.min.js")

@Scripts.Render("~/Scripts/Home/AskForLeaveSubm.js")

<title>@ViewBag.Title</title>

<h2>邮件信息</h2>

@using (Html.BeginForm())

{

  <table>

  <tr>

    <th>

        @*@Html.ActionLink("删除选定邮件", "DeleteAskForLeave")*@

        <inputtype="submit"id="delete"value="删除"/>

    </th>

  </tr>

   <tr>

     <td>

          @Html.CheckBox("selectAll",false)

     </td>

      <td>

         @Html.DisplayNameFor(model => model.subject)

      </td>

      <td>

    

      </td>

   </tr>

   @foreach (var itemin Model)

   {

       <tr>

           <td>

           @Html.CheckBox(item.employeeNumber.ToString(),item.visible.Value)

         @*  @Html.CheckBoxFor(modelItem =>item.visible.Value, new

           {

              id=item.employeeNumber,   

              //value =item.visible.Value

            // onclick ="filterGrid()",

            //@checked ="checked"  

          })  *@

           </td>

           <td>

            @Html.DisplayFor(modelItem => item.subject)

           </td>

           <td>

             @Html.ActionLink("查看邮件","DetailAskForLeave",new { id= item.employeeNumber})

           </td>

       </tr>

   }

</table>

}

上面是从数据库中获取数据，然后动态的生成html并把它显示到页面中，最上面那句是一个接口，后面跟着你实体中相对应的数据库表，意思是从这个接口中获取数据，然后在Model中遍历数据将其显示出来，点击最顶端的checkbox,可以实现全选和反选，js代码我会在后面显示出来，视图界面如下: