javascript - 如何添加带小数位的数字

Question

我正在尝试创建一个将数字加起来等于两个小数点的表单。 IE。能够将 5.5 与 105.67 与 12.54 相加得到:123.71

这是我所知道的，但是当我尝试添加 .toFixed(2) 时，它要么只是输入而不是总数...

我是 Javascript 的新手，所以正在寻找方法

这是我的 jsfiddle:https://jsfiddle.net/Vicky1984/Lpwcuyb5/d

这是我正在使用的代码；

function findTotal() {
  var arr = document.getElementsByName('qty');
  var tot = 0;

  for (var i = 0; i < arr.length; i++) {
    if (parseInt(arr[i].value))
      tot += parseInt(arr[i].value);
   }
  document.getElementById('total').value = tot;
 }

提前致谢

Answer 1

parseFloat() 将返回 float 。前任。 1, 0, -2, 3.3, 505.1236

parseInt() 将返回整数 ex。 -1, 0, 1, 2, -59635

使用parseFloat()

顺便说一句，每个 id 必须是唯一的，所以第二个输入现在是 qty2

FIDDLE

片段

function findTotal() {
  var arr = document.getElementsByName('qty');
  var tot = 0;

  for (var i = 0; i < arr.length; i++) {
    if (parseFloat(arr[i].value))
      tot += parseFloat(arr[i].value);
  }
  document.getElementById('total').value = tot;
}

<div class="table">

  <div class="row header">
    <div class="cell">
      Take Home Pay
    </div>
    <div class="cell">
      Amount Per Month
    </div>

  </div>

  <div class="row">
    <div class="cell">
      Salary
    </div>
    <div class="cell">
      <input placeholder="0.00" onblur="findTotal()" type="text" name="qty" id="qty1" />
    </div>

  </div>

  <div class="row">
    <div class="cell">
      Overtime
    </div>
    <div class="cell">
      <input placeholder="0.00" onblur="findTotal()" type="text" name="qty" id="qty2" />
    </div>

  </div>

  <div class="row total-row">
    <div class="cell">
      Total Take Home Pay
    </div>
    <div class="cell" data-label="Monthly Income">
      <input placeholder="0.00" type="text" name="total" id="total" />

    </div>
  </div>

</div>