ajax - 使用 jQuery 计算文本框值

Question

我有简单的订单，我想实时计算总计和折扣（无需单击按钮）。同样，如果客户订购少于 500 个的总数量价格将为 26，如果订购 500 或更多的总数量项目价格将为 25，如果订购 1000 或更多的总数量项目价格将为 20。

HTML 代码

<form name="order" id="order" method="post" action="order_form.php">
    <input type="text" class="input" id="item1" name="item1" value="" />
    <input type="text" class="input" id="item2" name="item2" value="" />
    <input type="text" class="input" id="item3" name="item3" value="" />
    <input type="text" class="input" id="total" name="total" value="" />
</form>

因此，如果有人订购 200 件商品 1 和 300 件商品 2 或 3 价格应该是 25。谁能告诉我该怎么做。提前致谢。

Answer 1

当您的光标focus在total文本框上时，它会计算sum of all three textbox value

$(document).ready(function(){
    $('#total').focus(function(){
        var item1 = $('#item1').val();
        var item2 = $('#item2').val();
        var item3 = $('#item3').val();

        var total = parseInt(item1) + parseInt(item2) + parseInt(item3);
        alert(total);
        $('#total').val(total); 
    }); 
});