为了账号安全,请及时绑定邮箱和手机立即绑定

如何实现表格自动合计

/ 猿问

如何实现表格自动合计

萧十郎 2019-05-25 18:04:43
ID
字段1
字段2
字段3
字段4
1
11
12
13
14
2
22
26
28
27
合计
ID
字段1
字段2
字段3
字段4
1
11
12
13
14
2
22
26
28
27
合计
刚学前端有大神知道下如何用JQ将每列自动合计到合计那里么一个页面有好多个这样的表格要统计Q_Q
                    
查看完整描述

2 回答

?
慕的地8271018
注意HTML结构,你写了thead却没有写body,修改如下:
ID
字段1
字段2
字段3
字段4
1
11
12
13
14
2
22
26
28
27
合计
其中,thead和tbody和tfoot都分开,thead为表头不遍历,tbody为遍历部分,tfoot为汇总部分,方便jQuery选择器使用。
varsum=newArray(+$('#mytabletheadtrtd:not(:first-child)').length).fill(0);
$('#mytabletbodytr').each(function(){
$(this).children('td:not(:first-child)').each(function(){
varindex=$(this).index()-1;
sum[index]+=+$(this).text();
});
});
$('#mytable#totalRowtd:not(:first-child)').each(function(){
varindex=$(this).index()-1;
$(this).text(sum[index]);
});
Update
这里有几个知识点:
newArray()构造新数组
.fill()填充数组
选择器:not()和:first-child的用法
字符串或者数字前面加+强转成数字
赋值运算符+=的使用
                            
查看完整回答
反对 回复 2019-05-25
?
精慕HU
希望你能理解html代码
ID
字段1
字段2
字段3
字段四
数据1
12
21
25
2
数据2
32
16
42
21
合计
js代码
varshuju0=$("#shuju_0").children(),
shuju1=$("#shuju_1").children(),
shuju2=$("#shuju_2").children();
for(vari=1;iconsole.log($(shuju0[i]).text());
$(shuju2[i]).text($(shuju0[i]).text()*1+$(shuju1[i]).text()*1);
}
                            
查看完整回答
反对 回复 2019-05-25

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信