zoukankan      html  css  js  c++  java
  • JQUERY批量操作

    主要针对页面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();

                });

  • 相关阅读:
    蓝桥杯基础练习 杨辉三角形
    蓝桥杯基础练习 回文数 特殊的数字
    普及图论三题 P1807 P1113 P 4017
    P3916 图的遍历
    [转载][总结]图论入门:建图,DFS,BFS,拓扑排序
    如何转载博客园的文章
    P1892 [BOI2003]团伙
    P1621 集合
    [模板]线性筛素数(欧拉筛)
    P5076 普通二叉树(简化版)
  • 原文地址:https://www.cnblogs.com/syfblog/p/2816511.html
Copyright © 2011-2022 走看看