如何用jquery去对表格的每一行每一列的数值进行求和

Question

修改一个单元格的数值，表格最后一行，最后一列显示的加和也随之改变

Answer 1

通过dom关系获取tr后进行计算赋值

var ipts ;
$('#tb input').not('[readonly]').change(function () {
    var sum = 0, v;
    $('#tb tr').each(function () {
        ipts = $(this).find('input');
        v = (parseFloat(ipts.eq(0).val()) || 0) * (parseFloat(ipts.eq(1).val()) || 0)
        ipts.eq(2).val(v);
        sum += v;
    });
    $('#total').val(sum);
});

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<table id="tb">
<tr><th>单价</th><th>数量</th><th>小计</th></tr>
<tr><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" readonly/></td></tr>
<tr><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" readonly/></td></tr>
<tr><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" readonly/></td></tr>
<tr><td><input type="text" /></td><td><input type="text" /></td><td><input type="text" readonly/></td></tr>
<tr><td>总计：</td><td><input type="text" id="total" readonly /></td></tr>
</table>