用逗號格式化數字，得到總價值

Question

在我的腳本中，我有一張表，其中我得到了每列的總值。 我想實現的是用逗號顯示數字。

這裏是我迄今爲止

HTML

<table> 
<thead> 
     <tr>  
      <th>COL1</th> 
      <th>COL2</th> 
      <th>COL3</th> 
     </tr> 
</thead> 


<tbody> 
<tr> 
    <td><input type="text" class="num1" name="num1" value="1200.00" /></td> 
    <td><input type="text" class="num2" name="num2" value="500.00" /></td> 
    <td><input type="text" class="num3" name="num3" value="100.00" /></td> 
</tr> 

<tr> 
    <td><input type="text" class="num1" name="num1" value="900.00" /></td> 
    <td><input type="text" class="num2" name="num2" value="1500.00" /></td> 
    <td><input type="text" class="num3" name="num3" value="10.00" /></td> 
</tr> 

<tr> 
    <td><input type="text" class="num1" name="num1" value="200.00" /></td> 
    <td><input type="text" class="num2" name="num2" value="500.00" /></td> 
    <td><input type="text" class="num3" name="num3" value="300.00" /></td> 
</tr> 


<tr> 
    <td><input type="text" class="tot1" name="tot1" value="" /></td> 
    <td><input type="text" class="tot2" name="tot2" value="" /></td> 
    <td><input type="text" class="tot3" name="tot3" value="" /></td> 
</tr> 
<tr> 

</tr> 
</tbody> 
</table> 

的JavaScript

$(document).ready(function() { 
      $(".num1, .num2, .num3").each(function() { 
       $(this).keyup(function() { 
        calculateSum(); 
       }); 
      }); 
     }); 


     function calculateSum() { 
      var tot1 = 0; 
      var tot2 = 0; 
      var tot3 = 0; 

      // Paying 

      $(".num1").each(function() { 
       if (!isNaN(this.value) && this.value.length != 0) { 
        tot1  += parseFloat(this.value); 
       } 
      }); 
      $("input[name='tot1']").val(tot1.toFixed(2)); 


      $(".num2").each(function() { 
       if (!isNaN(this.value) && this.value.length != 0) { 
        tot2+= parseFloat(this.value); 
       } 
      }); 
      $("input[name='tot2']").val(tot2.toFixed(2)); 

      $(".num3").each(function() { 
       if (!isNaN(this.value) && this.value.length != 0) { 
        tot3+= parseFloat(this.value); 
       } 
      }); 
      $("input[name='tot3']").val(tot3.toFixed(2)); 



     } 
     window.onload = calculateSum; 

這裏是我的演示小提琴。

Demo here

任何幫助，將不勝感激！謝謝。

Answer 1

您可以calculateSum()作爲改變輸入的值，

$(".num1").each(function() { 
    if (!isNaN(this.value) && this.value.length != 0) { 
     tot1 += parseFloat(this.value); 
     num1 = parseFloat(this.value); 
     this.value = num1.formatMoney(2, '.', ','); 
    } 
});  
$("input[name='tot1']").val(tot1.formatMoney(2, '.', ',')); 

在這個看看：

Working Fiddle

Answer 2

你只需要使用toLocaleString如下（或像this forked fiddle）：

$(".num1").each(function() { 
    if (!isNaN(this.value) && this.value.length != 0) { 
     tot1  += parseFloat(this.value); 
    } 
}); 
$("input[name='tot1']").val(tot1.toLocaleString()); 


$(".num2").each(function() { 
    if (!isNaN(this.value) && this.value.length != 0) { 
     tot2+= parseFloat(this.value); 
    } 
}); 
$("input[name='tot2']").val(tot2.toLocaleString()); 

$(".num3").each(function() { 
    if (!isNaN(this.value) && this.value.length != 0) { 
     tot3+= parseFloat(this.value); 
    } 
}); 
$("input[name='tot3']").val(tot3.toLocaleString());