如何添加带小数位的数字

Question

我正在尝试创建一个将数字加到两个decmial点的表单。 即能够将5.5.6和105.67与12.54相加并获得：123.71

这是我所拥有的，但是当我尝试添加.toFixed（2）时，它只是输入而不是总数......

我对Javascript很新，所以只是在mo找到方法

这是我的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()将返回浮点数。 恩。 1,0，-2,3.3,505.1236

parseInt()将返回ex的整数整数。 -1,0,1,2,5,93535

使用parseFloat()

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

小提琴

SNIPPET

 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>