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设为逗号总数。

JQuery：如何返回Form输出编号？

1 个答案: