javascript - PHP生成html文本框计算amt=qty*价格

Question

$res=mysql_query($qry);
while($row= mysql_fetch_array($res))
{
echo "<tr><td>".$row['Food_Name']."</td>
<td>".$row['Price']."</td>
<td><input type='text' name='qty". $row['code']."[]' size='2'/></td>                               
<td><input type='text' name='amt". $row['code']."[]'  size='2'/></td>    
     </tr> 
}

我编写了这段代码来显示食物名称和价格，并显示两个文本框用于数量和数量。现在我需要计算价格*数量并将结果显示在 amt 框中。

请帮忙，javascript、php、ajax、jquery 任何内容都应该出现。该表显示在 popupoverlay jquery 上。

<tr>
<td>Mutton Kasha</td>
<td>250</td>
<td><input type='text' name='qtySPJ1[]' size='2'/></td>                            
<td><input type='text' name='amtSPJ1[]'  size='2'/></td>
</tr>

<tr>
<td>Mutton Butter Masala</td>
<td>850</td>
<td><input type='text' name='qtySPJ1[]' size='2'/></td>                            
<td><input type='text' name='amtSPJ1[]'  size='2'/></td>
</tr>

Answer 1

这将使您对自己可以做什么有一个基本的了解:

$('input.qty').change(function(){
    var $tr = $(this).closest('tr');
    var price = parseFloat($tr.find('td').eq(1).text());
    var amt = parseInt($(this).val());
    $(this).closest('tr').find('input.amt').val(amt * price);
});

JSFiddle: http://jsfiddle.net/TrueBlueAussie/hfakf6zr/1/

这会监听 class="qty"输入的更改并相应地更新金额。