价格变化

Question

那么，如何在JavaScript中或与jQuery的额外帮助能够得到价格变化。例如，第一件商品是一套450美元的套装，其后的每件商品都是150美元。但这里有一个窍门，客户可以改变这个价格，所以450美元现在是225美元，另外是75美元。我知道如何用一堆if语句来做到这一点，但看起来很乱。有没有更好的办法？

这是我的代码到目前为止它只是除以两部分，但不是增加。

编辑：这是如何工作

项目＃1 450
项目＃2 150
项＃3 150
充满[X]的一半[]

项目＃1 225的进一步说明
项目＃2 75
项＃3 75
充满[]半[X]

每增加实际上是基本由3所以450 = 150和225 = 75
分割一半是原来的基地450/2 = 225

var dropResult; 
$(function(){ 
     $(".t").click(function(){ 
     dropResult = $("input[name=drop]:checked").val(); 
     dropCalculate(); 
     }); 
}); 

function dropCalculate() { 
var dropPrice = 450; 
    var dropAmount = $(".itemadd", "#items").length; 
    $("#dropAmount").html("Total: " + dropAmount); 
    if (dropResult == 1) { 
     dropTotal = dropAmount * dropPrice; 
     $("#dropPrice").html("Price Total: $" + dropTotal.toFixed(2)); 
    }else { 
     dropTotal = dropAmount * dropPrice/2; 
     $("#dropPrice").html("Price Total: $" + dropTotal.toFixed(2)); 
    } 
} 

Answer 1

好了，所以如果我理解正确的话，你想的折扣适用于给定的价格干净利索，这取决于项目的数量。我想先通过应用DRY（不要重复自己）的原则对你的代码，并把变量在局部范围开始：

//var dropResult = $("input[name=drop]:checked").val(); 
//this line doesn't actually do anything, so I removed it. It will always return true, as you're using the :checked pseudo-selector to only select checked checkboxes. 

$(function(){ 
    $(".t").click(function(){ 
     dropCalculate(450); 
    }); 
}); 

function dropCalculate(dropPrice) { 
    var dropAmount = $(".itemadd", "#items").length, 
     dropTotal = dropAmount * dropPrice; 

    if (dropResult != 1) { 
     dropTotal = dropTotal/2; 
    } 

    $("#dropPrice").html("Price Total: $" + dropTotal.toFixed(2)); 
} 

这是很多清洁。然后，如果您有更复杂的折扣规则或多个产品的多个规则，则可以使用该对象。这里有一个简单的例子：

$(function(){ 
    $(".t").click(function(){ 
     var pricesObj = { 
      'default': 75, 
      '1':450, 
      '2':225 
     }; 

     dropCalculate(pricesObj); 
    }); 
}); 

function dropCalculate(priceObj) { 
    var dropAmount = $(".itemadd", "#items").length; 

    if (priceObj[dropAmount]) { 
     dropTotal = priceObj[dropAmount] * dropAmount; 
    } 
    else{ 
     dropTotal = priceObj['default'] * dropAmount; 
    } 

    $("#dropPrice").html("Price Total: $" + dropTotal.toFixed(2)); 
} 

如果你需要任何帮助理解，只需要问！

更新：我误解了你的使用案例，但这应该仍然指向你在正确的方向。在我的代码中，如果有1个产品，价格是450，2是225，多个是75。

Answer 2

的快速变化，你可以做，这是类似的东西：

dropTotal = dropAmount * dropPrice; 

$("#dropPrice").html("Price Total: $" + dropResult == 1 ? dropTotal.toFixed(2)) : (dropTotal/2).toFixed(2)); 

Answer 3

检查这个fiddle

$('#dropPrice').text('$' + (450 + ((450 * ($('#items .itemadd').length - 1))/3))/(Number($("input[name=drop]").is(':checked')) + 1));