JavaScript 实现GridView汇总

 

view source print ?

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. });