JQuery：如何返回表單輸出號碼？

Question

大家好，這是我第一次使用本網站，請耐心等待，因爲我沒有javascript編碼經驗。 我在我的JavaScript文件如下：

$(document).ready(function() { 
$("input").click(function(event) { 
    updateTotal(); 

}); 
}); 

function updateTotal() { 
var total = 13600; 
$("#menu input:checked").each(function() { 
    total += parseFloat(this.value); 
}); 
$('#TotalCost').val("$" + total.toFixed(2)); 
} 

而在我的源代碼，我有：

  <div class= "checkbox" style="margin-top: 20px" id= "menu"> 

       Cost of Dinner 
       <p> 
        <input type="checkbox" value="-200.00" name="Hamburger">Hamburger ($2)<br/> 
        <input type="checkbox" value="-400" name="French Fries">French Fries ($1)<br/> 
        <input type="checkbox" value="-1.5" name="Shake">Shake ($3)<br/> 
       </p> 

      <p> 
       Total Cost: <input type="text" name="TotlCost" id="TotalCost"  size="10"/> 
      </p> 

<div> 

我如何格式化所以updateTotal（）將返回一個數字，有逗號？ 我發現這個代碼在網上進行格式化用逗號

function commas(str) { 
    return str.replace(/.(?=(?:.{3})+$)/g, '$&,'); 
} 

如何使用它的字符串？ 非常感謝您的幫助。

Answer 1

嘗試添加功能，以您的JavaScript文件，然後改變你的代碼是這樣的：

function updateTotal() { 
    var total = 13600; 
    $("#menu input:checked").each(function() { 
     total += parseFloat(this.value); 
    }); 
    var val = commas(total.toFixed(2).toString()); 
    $('#TotalCost').val("$" + val); 
} 

這臺val用逗號總量。