以數(shù)字形式合計(jì)列,如結(jié)果為0,將其賦上白色不顯示
<table id="mytable" class="layui-table" style="text-align: center;">
//表格要加上 id="mytable"
<tbody>
<tr>
<td>年級</td>
<td>人數(shù)</td>
<td>報(bào)名費(fèi)</td>
<td>課本費(fèi)</td>
<td>作業(yè)費(fèi)</td>
<td>資料費(fèi)</td>
<td>保險(xiǎn)費(fèi)</td>
<td>小計(jì)</td>
</tr>
<tr>
<td>學(xué)前班</td>
<td><?php echo $xq0; ?></td>
<td title="<?php echo $xq0."*".$b00; ?>"><?php echo $xq0*$b00; ?></td>
<td title="<?php echo $xq0."*".$c00; ?>"><?php echo $xq0*$c00; ?></td>
<td style="color: white;">0</td>
<td style="color: white;">0</td>
<?php if ($f00==0) { echo "<td style=\"color: white;\">0</td>";}else { echo "<td title=\"".$xq0."*".$f00."\">".$xq0*$f00."</td>";} ?>
<td><?php echo $xq0*$b00+$xq0*$c00+$xq0*$f00; ?></td>
</tr>
<tr class="count">//加上合并行,結(jié)果放入這一行
</tr>
</tbody>
</table>
</div>
</div>
<script>
$(function(){
var table=document.getElementById("mytable");//獲取table對象
var rows=table.rows;//獲取行對象
var cells=table.cells;//獲取列對象
var colums = table.rows[0].cells.length;//獲取列數(shù)
$(".count").empty();//每次加載時(shí)清空最后一列,防止二次加載數(shù)據(jù)時(shí)出現(xiàn)多行合計(jì)
$(".count").append("<td>合計(jì)</td>");
//這里從列開始遍歷,得到的就是每一列的數(shù)據(jù)
//如果從行開始遍歷,得到的就是每行的數(shù)據(jù)
for(var j=1;j<colums;j++){
var sum=0;
for(var i=1;i<rows.length-1;i++){//從i=1第二行開始去掉表頭,rows.length-1結(jié)束,去掉合計(jì)行
var a =Number(rows[i].cells[j].innerHTML.trim());
//獲取每一列的值,Number() 函數(shù)把對象的值轉(zhuǎn)換為數(shù)字。
sum=sum+a; //計(jì)算
}
if (sum==0)
{
$(".count").append("<td style=\"color: white;\">"+sum+"</td>");//給最后一行添加計(jì)算結(jié)果列
}
else {
$(".count").append("<td>"+sum+"</td>");//給最后一行添加計(jì)算結(jié)果列
}
}
});
</script>
信息科技 2020-04-10 08:25:59 通過 網(wǎng)頁 瀏覽(3489) 打印