html做table某一列的合计,Jquery、js计算table列合计
时间: 2023-11-15 09:01:21 浏览: 38
可以使用以下代码实现HTML表格某一列的合计:
HTML代码:
```
<table>
<thead>
<tr>
<th>姓名</th>
<th>语文</th>
<th>数学</th>
<th>英语</th>
<th>总分</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>80</td>
<td>90</td>
<td>85</td>
<td></td>
</tr>
<tr>
<td>李四</td>
<td>75</td>
<td>85</td>
<td>90</td>
<td></td>
</tr>
<tr>
<td>王五</td>
<td>90</td>
<td>80</td>
<td>95</td>
<td></td>
</tr>
</tbody>
</table>
```
JavaScript代码:
```
$(function() {
$('table').on('input', 'input', function() {
var $tr = $(this).closest('tr');
var sum = 0;
$tr.find('td:not(:last-child)').each(function() {
sum += parseInt($(this).text()) || 0;
});
$tr.find('td:last-child').text(sum);
});
});
```
这段代码使用了 jQuery 库,对每个 input 元素进行监听,当其值发生变化时,计算该行除最后一列外的所有单元格的值,并将结果写入最后一列单元格中。