JavaScript 实现GridView汇总

 

view sourceprint?

01.$(document).ready(function() {

02.//在表的尾部添加一行，$("#<%=GridView1.ClientID %> tbody")表示GridView1在页面生成的表格，注意这里为了方便，引用了JQuery

03.var tr = $("#<%=GridView1.ClientID %>  tbody")[0].insertRow(-1);

04.var td

05.//按表格的列数在新插入的行里添加单元格

06.for (var i = 0; i < $("#<%=GridView1.ClientID %>  tbody th").length; i++) {

07.//添加单元格

08.td = tr.insertCell(-1);

09.//在添加的单元格里插入空格

10.td.innerHTML = " ";

11.}

12. 

13.var sumAmount = 0;

14.//开始统计

15.//循环GridView1的每一行

16.$("#<%=GridView1.ClientID %>  tr").each(function() {

17.//该行的第N个单元格（N表示我们要统计的列）

18.td = $(this).find("td").eq(3);

19.//累加访问人数

20.sumAmount += Number(td.text());

21.}

22.});

23.//汇总出来了

24.td.text("金额合计：" + sumAmount);

25.});