Jquery、js计算table行合计

原创 2014年08月16日 11:41:15

计算table的行合计比计算列合计容易的多,这里给出两种方法。

方法一:

核心算法:
利用jquery选择器,选中table一行记录,对选中的每一行记录对象执行each访问方法,取得每一列的值,将其相加即的行合计。
demo:
function countRowTotal1() {
	
	$('#mytable tr').each(function() {
		var rowTotal = 0;
		$(this).find('td').each(function() {
			rowTotal += parseFloat($(this).text());
		});
//	alert(rowTotal);
	//将一行的结果,写入合计列,这里直接追加到列尾
		$(this).append('<td>'+rowTotal+'</td>');
	});
}

方法二:

核心算法:
利用jquery选择器,选中table一行记录,每次取得一行记录,利用正则表达式拆分各列得到数组,这里需要注意去除元素首位空白字符,再将数组元素相加即的行合计。
demo:
//每次取一行数据,再用正则表达式拆分
function countRowTotal2() {
	
	$('#mytable tr').each(function() {
		var rowTotal = 0;
		var row2 = trim($(this).text()).split(/\n|\r\n/);//innerText: "11	12	13	14", 必须要去除首位空白符
//		alert(row2.length);				
		for (var i=0; i<row2.length; i++) {
			var temp= trim(row2[i]);
//			alert(temp);
			rowTotal += parseFloat(temp);
		}
//		alert(rowTotal);
		//将一行的结果,写入合计列,这里直接追加到列尾
		$(this).append('<td>'+rowTotal+'</td>');


	});
}	
	
function trim(str){ //删除左右两端的空格
   return str.replace(/(^\s*)|(\s*$)/g, "");
}


table:

<table id="mytable" border="1" width="37%">
	<thead></thead>
	<tr>
		<td width="63" >11</td>
		<td width="68" >12</td>
		<td width="62" >13</td>
		<td width="75" >14</td>
	</tr>
	<tr>
		<td width="63" >21</td>
		<td width="68" >22</td>
		<td width="62" >23</td>
		<td width="75" >24</td>
	</tr>
</table>

效果图:



Jquery、js计算table列合计

利用Jquery选择器,计算table中的某一列,某一行的合计,非常方便。xia
  • h4x0r_007
  • h4x0r_007
  • 2014年08月13日 15:19
  • 5214

Js计算合计

${w.f_name } ${w.s }
  • yuchao1076244056
  • yuchao1076244056
  • 2016年07月07日 16:58
  • 220

给一个Table添加合计行

 public static void AppendSumaryRow(DataTable table){    if (table.Rows.Count > 0)    {        DataR...
  • powerboy
  • powerboy
  • 2007年09月25日 12:33
  • 1717

利用jquery对动态生成的文本进行求和计算

前台代码:       CodeBehind="Default.aspx.cs" Inherits="WebApplication9._Default" %>     //解...
  • u013430672
  • u013430672
  • 2014年06月09日 22:07
  • 1497

jquery手写table行列自动计算(自动计算小计和合计)

第一次接触这种要涉及行列计算的东西,苦死冥想了一天,也没想出来,上百度搜了搜也没有自己想要的,在17点左右,结果就这样10分钟之内就忽然想出来了,好高兴的!!! 首先,我做的这个功能是大表里面有一个...
  • qq_16063177
  • qq_16063177
  • 2018年01月05日 17:01
  • 148

javascript合计table列

  • 2015年02月08日 03:01
  • 4KB
  • 下载

js动态计算table某列值的总和

/**   *    * @tableId 表格id   * @numId 显示张数id   * @index 列数   * @first 首次标识   * @obj checkbox对象   */ ...
  • Liu_Haibo
  • Liu_Haibo
  • 2011年03月11日 00:24
  • 2613

封装表格table列求和方法

DOCTYPE html> html> head> title>title> head> body> table width="200" border="0" id="table"...
  • qq_36263601
  • qq_36263601
  • 2017年05月15日 17:51
  • 665

JavaScript获取table中某一列的值的方法

1、实现源码 复制代码 代码如下: JavaScript实现获取table中某一列的值 function getTdValue() { var...
  • theoldfuture
  • theoldfuture
  • 2016年09月13日 01:53
  • 2672

jquery table 横竖列的求总和

  • 2017年11月09日 14:07
  • 13KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery、js计算table行合计
举报原因:
原因补充:

(最多只允许输入30个字)