各行の合計をjQueryで自動更新したいのですがうまくいきません。
jQueryコードは次のとおりです。
$('.val1').keydown(function(e) {
var val1 = this.value;
var val2 = $('.val2').val();
var total = val1 * val2;
$('.equal').val(total);
});
HTMLコードは次のとおりです。
<table>
<thead>
<tr>
<th>Value 1</th>
<th>Value 2</th>
<th>Equal</th>
</tr>
</thead>
<tr>
<td><input class="val1" name="val1" type="text" value=""></td>
<td><input class="val2" name="val2" type="text" value=""></td>
<td><input class="equal" name="equal" type="text" value=""></td>
</tr>
<tr>
<td><input class="val1" name="val1" type="text" value=""></td>
<td><input class="val2" name="val2" type="text" value=""></td>
<td><input class="equal" name="equal" type="text" value=""></td>
</tr>
<tr>
<td><input class="val1" name="val1" type="text" value=""></td>
<td><input class="val2" name="val2" type="text" value=""></td>
<td><input class="equal" name="equal" type="text" value=""></td>
</tr>
</table>