js求表单指定一列数据相加的函数，增加一行数据，结果自动累加并展示在调用窗口

ouyangshaobin 2017-12-19 02:25:18

...全文

223 2 打赏收藏转发到动态举报

写回复

用AI写文章

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

天际的海浪 2017-12-19

打赏
举报


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
</head>
<body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
合计<input type="text" id="total" />
<table id="tabname">
	<tr><td>aaa</td><td>bbb</td><td>ccc</td></tr>
	<tr><td>1</td><td>45</td><td>gg</td></tr>
	<tr><td>2</td><td>55</td><td>ff</td></tr>
	<tr><td>3</td><td>43</td><td>gg</td></tr>
</table>

<script type="text/javascript">
function tableAdd(tab,total,d) {
	var s = 0;
	var tr = $(tab).find("tr");
	for (var i = 1; i < tr.length; i++)
		s += parseFloat(tr.eq(i).find("td").eq(d).text()) || 0;
	$(total).val(s);
}
$(function(){
	tableAdd("#tabname","#total",1);//这里的1是求和的列号，你每次修改或增加一行数据之后都要再次调用下这个函数
});
</script>
</body>
</html>

天际的海浪 2017-12-19

打赏
举报


<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
</head>
<body>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<table id="tabname">
	<tr><td>aaa</td><td>bbb</td><td>ccc</td></tr>
	<tr><td>1</td><td>45</td><td>gg</td></tr>
	<tr><td>2</td><td>55</td><td>ff</td></tr>
	<tr><td>3</td><td>43</td><td>gg</td></tr>
	<tr><td></td><td></td><td></td></tr>
</table>

<script type="text/javascript">
function tableAdd(tab,d) {
	var s = 0;
	var tr = $(tab).find("tr");
	for (var i = 1; i < tr.length-1; i++)
		s += parseFloat(tr.eq(i).find("td").eq(d).text()) || 0;
	tr.eq(i).find("td").eq(d).text(s);
}
$(function(){
	tableAdd("#tabname",1);//这里的1是求和的列号，你每次修改或增加一行数据之后都要再次调用下这个函数
});
</script>
</body>
</html>