如何添加帶小數點的數字

Question

我正在嘗試創建一個表格，將數字累加到兩個十進制點。即能夠與105.67和12.54加起來5.5和得到：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()將返回浮點數。恩。 1，0，-2，3.3，505.1236

parseInt()將返回整數前綴。 -1，0，1，2，-59635

使用parseFloat()

順便說一句，每個ID必須是唯一的，所以第二個輸入現在qty2

FIDDLE

是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>