<table class="tableStyle" formMode="view"> <tr> <th>乡镇/县名称</th> <th>一般隐患</th> <th>重大隐患</th> <th>未完成整改隐患</th> <th>隐患整改率</th> <th>汇总</th> </tr> </table><script type="text/javascript">function initComplete() { initList(); } function initList() { $.ajax({ type: "post", url: "${ctx}/overall/risk/inspectyh/inventory/json", data : {"beginDate":$("#beginDate").val(),"endDate":$("#endDate").val()}, dataType: "json", //返回数据形式为json success: function (result) { console.log("获取到数据",result) if(result!=null){ var data = result.rows; var tab = ''; $("#tab").html(tab); for(var i=0; i<data.length; i++){ var row = data[i]; if(row[2]!=null&&row[2]!=''){ tab += '<tr>'; tab += '<td class="td">'+(row[2]!=null?row[2]:'')+'</td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',1);">'+(row[3]!=null?row[3]:'')+'</a></td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',2);">'+(row[4]!=null?row[4]:'')+'</a></td>'; tab += '<td class="td"><a href="javascript:void(0);" onClick="javascript:toYhList(\''+row[0]+'\',\''+row[1]+'\',3);">'+(row[5]!=null?row[5]:'')+'</a></td>'; tab += '<td class="td">'+(row[6]!=null?row[6]:'')+'%</td>'; tab += '</tr>'; } } $("#tab").html(tab); } } }); }此段代码中我要添加汇总一行并且计算各列的值怎么写
时间: 2024-03-21 11:42:52 浏览: 59
您可以尝试在代码中添加以下内容来实现汇总一行并计算各列的值:
```
// 计算汇总值
var total1 = 0;
var total2 = 0;
var total3 = 0;
var total4 = 0;
$('#tab tr').not(':first').each(function() {
total1 += parseInt($(this).find('td:eq(1)').text()) || 0;
total2 += parseInt($(this).find('td:eq(2)').text()) || 0;
total3 += parseInt($(this).find('td:eq(3)').text()) || 0;
total4 += parseFloat($(this).find('td:eq(4)').text()) || 0;
});
// 添加汇总行
var tab = '<tr>';
tab += '<td class="td">汇总</td>';
tab += '<td class="td">'+total1+'</td>';
tab += '<td class="td">'+total2+'</td>';
tab += '<td class="td">'+total3+'</td>';
tab += '<td class="td">'+(total1+total2+total3==0?'0':(total1+total2)/(total1+total2+total3)*100)+'%</td>';
tab += '</tr>';
$("#tab").append(tab);
```
这段代码中,我们首先定义了四个变量 total1、total2、total3 和 total4,分别用于存储一般隐患、重大隐患、未完成整改隐患和隐患整改率的总和。然后,我们使用 jQuery 的 each() 方法遍历表格中除了表头以外的每一行,将每一列的值累加到相应的总和变量中。
接着,我们定义了一个名为 tab 的字符串变量,用于存储汇总行的 HTML 代码。在这个字符串中,我们首先添加了一个汇总单元格,然后依次添加了四个单元格,分别显示一般隐患、重大隐患、未完成整改隐患和隐患整改率的总和。最后,我们使用 append() 方法将这个汇总行添加到表格的末尾。
需要注意的是,隐患整改率的计算方式可能需要根据实际情况进行调整,这里提供的是一种简单的计算方式,您可以根据需要进行修改。
阅读全文