Javascript ~ calulate table total by jQuery

這是一個關於用javascript計算表格的總total的做法

其實PHP也可以做~~~~只是我懶得又在PHP設定每個欄位總total的變數~~然後又在那邊++++++

最後再顯示出來

所以我改用javascript來做~~


這段程式要在table已經產生出來才run

像我這表格是透過AJAX抓出來放網頁上~~~~所以要在result出來才做


Javascript
----------------------------------------------------------------------------------------------------

var x = Object();

$('#overtimeList tr:gt(0)').each(function(){
for(var i = 2; i < 17; i++){
if(isNaN(x[i])){
x[i] = 0;
}
var value = parseFloat($(this).find('td:eq('+i+')').html());
if(!isNaN(value)){
x[i] += value;
}
}
})

for(var i = 2; i < 17; i++){
$('#overtimeList tr.last td:eq('+i+')').html(x[i]);
}

----------------------------------------------------------------------------------------------------


HTML
----------------------------------------------------------------------------------------------------

<table class="overtimeList" cellspacing="0" id="overtimeList">
<tr class="last">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>