jquery:将数字与当前值相加

jquery: Adding up numbers to the current value?

本文关键字:数字 jquery      更新时间:2023-09-26

我正在尝试将数字与当前值相加。 我试图做的几乎是使用jQuery的简单购物车。

但是,我面临的问题是这些数字根本不会加起来。 而是用新的数字替换!

事实上,我得到了一些奇怪的行为!

为了更好地解释这一点,我创建了这个小提琴

我的代码是:

$('.addons').click(function() {
   var price2 = +$(this).attr('data-price'); 
   $('#fuelcellprice').val(price2); 
   var inputval = +$('#fuelcellprice').val();
   var finaltotal = price2 + inputval;
   alert(finaltotal);
});

有人可以就此问题提供建议吗?

如果#fuelcellprice存储您的总和,请将其设置在处理程序的最末尾。不要使用+,这是误导目的。我建议您重命名变量以相应地反映您的意图:

$('.addons').click(function() {
   var itemPrice = $(this).attr('data-price');
   var currentSum = $('#fuelcellprice').val();
   var sum = itemPrice + currentSum;
   $('#fuelcellprice').val(sum); //store your final value here
   alert(sum);
});

你需要使用parseFloat()

第二,我不知道为什么你在将价格设置为价格时使用$('#fuelcellprice').val() 2

试试这个

var inputval = 0;
$('.addons').click(function() {
   var price2 = parseFloat($(this).attr('data-price'));
   $('#fuelcellprice').val(price2);
   inputval += price2;
   alert(inputval);
});

工作演示