Question

我与我的代码战斗了几个小时，但没有成功。我想对数据价格中的所有值求和，但我一直都在不停地增长。我的代码“看起来”正确创建，不明白为什么它不起作用。任何帮助都将是可贵的。

$("#sub").click(function() {
  var sum = 0;
  $('#form input').each(function() {
    sum += $(this).data('price');
  });
  alert(sum);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form id="form">
  <input type="hidden" name="make" value="0">
  <input type="hidden" name="got" value="" data-price='10'>
  <input type="hidden" name="get" value="" data-price='20'>
  <button id="sub">submit</button>
</form>

Answer 1

问题是因为第一个输入没有data-price属性，因此返回undefined并导致计算错误。

要解决此问题，您可以在将空值/缺失值添加到0之前将其强制为空。

sum

$("#sub").click(function() {
  var sum = 0;
  $('#form input').each(function() {
    sum += $(this).data('price') || 0; // note the change on this line
  });
  console.log(sum);
});

或者，您可以仅将一个类放在所需的<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="form"> <input type="hidden" name="make" value="0"> <input type="hidden" name="got" value="" data-price='10'> <input type="hidden" name="get" value="" data-price='20'> <button id="sub">submit</button> </form>元素上，这些元素要求和并选择其值。

使用jQuery中可用的属性将输入的所有数据价格相加

1 个答案: