jQuery教程分享价格变动

好的，所以如果我理解正确的话，您希望以干净的方式对给定价格应用折扣，具体取决于项目数量。 我首先将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。

你可以快速做出改变，就是这样的：

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

检查这个小提琴

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