jQuery - 根据数量减去单价

时间:2012-07-06 11:45:48

标签: jquery subtraction

我想要实现的目标:
我想从中减去0.09:
<span class="item_price cd_price">0.53</span>
输入时:
<input type="text" value="50" class="item_Quantity cd_quantity">
高于100.

我尝试了什么:

$('.cd_quantity').blur(function(){
       if ( $(this).val() >= 50 && $(this).val() <= 99 ) {
         $('.cd_price').text('0.53')
       }
       if ( $(this).val() >= 100 && $(this).val() <= 199 ) {
         $('.cd_price').text('0.44')
       }
    })


虽然所有这一切都取代了跨度的内容。而且我对查询的总和并不太了解。

先谢谢你们!

2 个答案:

答案 0 :(得分:2)

如果数量更改回100以下,您将需要一种安全获取数量后物品价格的方法。

你的标记是这样的:

<span class="item_price cd_price" data-item_price="0.53"></span>

<input type="text" value="50" class="item_Quantity cd_quantity">

和你的javascript:

$(".cd_quantity").on("keyup", function() {
    var item_price = $(".cd_price").data("item_price");
    var discount = 0;

    if (this.value > 100) discount = 0.09;
    $(".cd_price").text((item_price - discount).toFixed(2));
}).trigger("keyup");​

DEMO: http://jsfiddle.net/MpBXY/

答案 1 :(得分:1)

完成任务后,可以按照以下步骤完成:

$(".cd_quantity").on("blur", function() {
    if (this.value > 100) {
        $(".cd_price").text(function(i, val) {
            return (val - 0.09).toFixed(2);
        });
    }
});​

DEMO: http://jsfiddle.net/GSTcR/