根据数量改变价格

时间:2013-09-30 20:04:43

标签: jquery

我有一个包含产品,价格和数量的动态表格。我想在数量变化时更改价格。这是我的XHTML表

<table>
    <caption>Checkout Time!</caption>
    <thead>
        <tr>
            <th>Item</th>
            <th>Price</th>
            <th>Quantity</th>
            <th>Total</th>
        </tr>
    </thead>
    <tfoot>
        <tr>
            <td colspan="4" align="right">
                <input type="button" value="Checkout!" />
            </td>
        </tr>
    </tfoot>
    <tbody>
        <tr>
            <td class="description">Folger's Gourmet Instant Coffee 24 count box.</td>
            <td>
                <input type="text" id="price" readonly value="12.50" class="readonly" />
            </td>
            <td>
                <input type="text" id="quantity" value="1" />
            </td>
            <td>
                <input type="text" id="total" readonly value="12.50" class="readonly" />
            </td>
        </tr>
    </tbody>
</table>

我只想使用JQuery。有人可以帮忙吗?

1 个答案:

答案 0 :(得分:1)

试试这个:

$('#quantity').on('keyup',function(){
    var tot = $('#price').val() * this.value;
    $('#total').val(tot);
});

演示here