Sum and Multiply 输出错误

Question

我有 4 个字段需要总结，我用 $('select :selected').each(function() { 总结但不知何故，下面的代码输出 99 而它需要输出 72。

// Count for ShowerCoins
$(document).ready(function() {
$('select.countForShowerCoins').on('change', function() {
  var sum = 0;

   $('select :selected').each(function() {
       sum += Number($(this).val() * 3) * $('select[name=howManyNights]').val();
   });

$(".result").html(sum);
  });

});

sum 是“4 个输入字段，每个字段的数值为 2”，是 8 的总和。然后乘以 3 即为 24，然后将其乘以夜晚的数量，即 3。24 * 3 = 72。但不知何故，我得到了 99 的输出。

有人知道这是怎么回事吗，我错过了什么吗？我在$('select[name=howManyNights]').val(); 上使用了parseInt(，但这并没有改变任何东西。我注意到这是因为sum，因为当我用静态数字替换它时，计算有效。

但我不知道如何解决。

Answer 1

我认为您可能有操作顺序问题。根据您的描述，您希望 sum 输入 THEN x 3 x nights。 $('select[name=howManyNights]') 也是 select，因此它会包含在 $(select :selected).each() 中，这可能就是您得到意外输出的原因。

我冒昧地猜测您的其余代码是什么样的，但希望这会有所帮助：

$('select.countForShowerCoins').on('change', function() {
  let sum = 0

  $('select.countForShowerCoins').each(function() { sum += Number(this.value); })

  $(".result").html(sum * 3 * Number($('select[name="howManyNights"]').val()));
});

https://jsfiddle.net/t2jdsk0q/1/ 这具有您给定输入的预期输出。

旁注： Number($(this).val() * 3) 应该是 Number($(this).val()) * 3。

幸运的是，javascript 将字符串强制转换为数字以进行除法/乘法/减法，但不用于加法。

即2 * '3' = 6 但2 + '3' = '23'

Answer 2

您为每个输入字段乘以 Nights，因此结果不正确。请试试这个：

$(document).ready(function() {
$('select.countForShowerCoins').on('change', function() {
  var sum = 0;

   $('select :selected').each(function() {
       sum += Number($(this).val() * 3);
   });

   if (sum > 0) {
       sum *= $('select[name=howManyNights]').val();
   }

$(".result").html(sum);
  });

});