使用jQuery计算文本框值

时间:2013-08-30 07:56:12

标签: ajax jquery

我有简单的订单,我想计算总价和折扣价(不点击按钮)。如果客户订单少于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项和第3项或第3项价格应为25,那么任何人都可以告诉我该怎么做。提前致谢。

1 个答案:

答案 0 :(得分: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); 
    }); 
});