次のようなhtmlテーブルがあります。行を動的に追加するオプションもあります。
<tbody>
<tr style="display: none" id="invoiceRow">
<td><textarea></textarea></td>
<td class="va_middle"><input type="text" name="quantity" class="mini" /></td>
<td class="va_middle"><input type="text" name="rate" class="mini" /></td>
<td class="va_middle"><input type="text" name="amount" class="mini" /></td>
<td>
<a onclick="deleteInvoiceRow(this);" class="btn btn-small">
<i class="icon-remove"></i>
</a>
</td>
</tr>
<tr>
<td><textarea></textarea></td>
<td class="va_middle"><input type="text" name="quantity" class="mini" /></td>
<td class="va_middle"><input type="text" name="rate" class="mini" /></td>
<td class="va_middle"><input type="text" name="amount" class="mini" /></td>
<td>
<a onclick="deleteInvoiceRow(this);" class="btn btn-small">
<i class="icon-remove"></i>
</a>
</td>
</tr>
<tr>
<td colspan="2"><a onclick="addNewInvoiceRow();"><i class="icon-plus-sign right"></i></a></td>
<td class="va_middle" colspan="3"> <strong>Total: </strong><input type="text" name="rate" class="total" /></td>
</tr>
</tbody>
各行の合計を取得し、最後の tr の合計フィールドに更新したいと思います。
jQueryでどのように行うのですか? 値の変更時に値を更新します。