zoukankan      html  css  js  c++  java
  • GridView全选和反选用JQuery实现(转)

    <asp:GridView ID="grid" runat="server" AutoGenerateColumns="false" GridLines="Horizontal"
    OnPreRender
    ="grid_PreRender">
    <Columns>
    <asp:TemplateField>
    <HeaderTemplate>
    <input type="checkbox" id="chkAll" />
    </HeaderTemplate>
    <ItemTemplate>
    <input type="checkbox" id="chkItem" code='<%# Eval("Code") %>' />
    </ItemTemplate>
    </asp:TemplateField>
    <asp:BoundField DataField="Code" HeaderText="Code" HtmlEncode="true" />
    <asp:BoundField DataField="Name" HeaderText="Name" HtmlEncode="true" />
    <asp:BoundField DataField="Age" HeaderText="Age" HtmlEncode="true" />
    <asp:BoundField DataField="Address" HeaderText="Address" HtmlEncode="true" />
    </Columns>
    </asp:GridView>
    //全选/反选
    $("#chkAll").click(function () {
    $('#<%=grid.ClientID %> > tbody > tr > td > input:checkbox').attr("checked", this.checked);
    });

    //若所有tbody中的项都选中了,自动将表头中的chkAll选中.
    $("#<%=grid.ClientID %> > tbody > tr > td > input:checkbox").click(function () {
    //获取所有选中的checkbox元素
    var expression1 = $("#<%=grid.ClientID %> > tbody > tr > td > input:checkbox:checked");
    //获取所有checkbox元素
    var expression2 = $("#<%=grid.ClientID %> > tbody > tr > td > input:checkbox");
    var hasChecked = $(expression1).length == $(expression2).length;
    $("#chkAll").attr("checked", hasChecked);
    });

    //获取表格中选中的值
    $("#btnGetByGridCheckedElement").click(function () {
    var selectedCodes = new Array();
    var checkedItems = $("#<%=grid.ClientID %> > tbody > tr > td > input:checkbox:checked[@name$='chkItem']");
    $.each(checkedItems, function () {
    selectedCodes.push(this.code);
    });
    if (0 == selectedCodes.length) {
    alert("没有选中任何项..");
    return;
    }
    alert(selectedCodes.join(","));
    });



  • 相关阅读:
    Asp.Net+Oracle+BootStrap+Jquery
    UML类图几种关系的总结
    PHP对象在内存堆栈中的分配
    php sprintf 详解
    微信错误代码45047:客服消息只能发送20条/个用户
    php利用array_search与array_column实现二维数组查找
    mvc 详解
    php中++i 与 i++ 的区分详解
    Git 别名多个命令 超实用
    php 对象继承
  • 原文地址:https://www.cnblogs.com/shenyixin/p/2298413.html
Copyright © 2011-2022 走看看