Javascript 计算多个输入的值不起作用

Question

我正在尝试计算多个输入的值。这是我的代码。

var sum = 0;
$('.total_t').each(function() {
  sum += parseFloat(this.value);
});
$('#debtor_t_o_debtors').val(sum.toFixed(2));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="numeric total_t" value="12,584,436.86" type="text">
<input class="numeric total_t" value="558,718.60" type="text">
<input class="numeric total_t" value="9,013.25" type="text">
<input class="numeric total_t" value="0.00" type="text">

<input class="numeric" value="" type="text" id="debtor_t_o_debtors">

但不幸的是，我得到的答案是 579，这是错误的。如果有人能告诉我这里的错误是什么，那将会有很大的帮助。

Answer 1

您的值包含逗号，并且parseFloat在发现逗号时停止解析。

首先将每个逗号替换为空字符串:

var sum = 0;
$('.total_t').each(function() {
  sum += parseFloat(this.value.replace(/,/g, ''));
});
$('#debtor_t_o_debtors').val(
  sum.toFixed(2)
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="numeric total_t" value="12,584,436.86" type="text">
<input class="numeric total_t" value="558,718.60" type="text">
<input class="numeric total_t" value="9,013.25" type="text">
<input class="numeric total_t" value="0.00" type="text">

<br>
<input class="numeric" value="" type="text" id="debtor_t_o_debtors">

要在添加后向结果中添加逗号，请使用正则表达式向前查找 3、6、9 等数字字符，后跟 .:

var sum = 0;
$('.total_t').each(function() {
  sum += parseFloat(this.value.replace(/,/g, ''));
});
$('#debtor_t_o_debtors').val(
  sum
    .toFixed(2)
    .replace(/(?!^)(?=(?:\d{3})+\.)/g, ',')
);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input class="numeric total_t" value="12,584,436.86" type="text">
<input class="numeric total_t" value="558,718.60" type="text">
<input class="numeric total_t" value="9,013.25" type="text">
<input class="numeric total_t" value="0.00" type="text">

<br>
<input class="numeric" value="" type="text" id="debtor_t_o_debtors">