主要针对页面table表中多项选择所进行的批量审核的操作:
页面html代码:
<table>
<tr> <th> <input type="checkbox" name="ckall" id="ckall" /> //表格中第一行控制是否全选 </th> <th> 订单编号 </th> <th> 联系人 </th> <th> 电话或手机 </th> <th> Email </th> <th> 订购日期 </th> <th> 审核状态 </th> <th> </th> </tr> foreach (var item in Model.Collection) //这是我用mvc框架举得一个列子,强类型绑定数据,对数据进行循环遍历 { <tr> <td> <input type="checkbox" name="ckitem" value="@item.ID" /> //选择项 </td> <td>@item.OrderNo </td> <td>@item.LinkMan </td> <td>@item.TelOrMobile </td> <td>@item.Email </td> <td>@item.OrderDate </td> <td> @if(!item.TripStatus) { <div style="color:Red">未审核</div> } else { <div>已审核</div> } </td> <td> @Html.ActionLink("审核", "GetStatus", "SuperMarket", new { Id = @item.ID }, null) </td> </tr> } </table>
页面jquery代码:
$("#ckall").live('click', function () {
var vl = $(this).attr("checked") == "checked"; $("input[name='ckitem']").attr("checked", vl); }); $("#shenhe").click(function () { if ($("input[name='ckitem']:checked").length == 0) { alert("请选中数据"); return false; } else { var ids = new Array(); $("input[name='ckitem']:checked").each(function () { var vl = $(this).val(); ids.push(vl); }); $.post("/SuperMarket/ShenHe", { ids: ids.toString() }) //要处理的函数 .success(function () { alert("批量审核通过!"); window.location.reload(); }) .error(function () { alert("处理出错", "提示"); window.location.reload(); }); } //window.location.reload(); });