jQuery 四舍五入为整数并用逗号分隔

Question

    <form>
    <label>Value:</label>
    <input name="value" id="value" value="" placeholder="250000" type="number">
    <br><br>
    <label>Growth:</label>
    <select name="growth" id="growth">
        <option value=".05" selected="selected">0-5%</option>
        <option value=".08">5-10%</option>
        <option value=".10">10-20%</option>
        <option value=".12">20+%</option>
    </select>
    </form>
    <p id="total"></p>

$("#value,#growth").change(function () {
    var number= $('#value').val();
    var goal= $('#growth').val()*1;
    if ( number >= 1 && number <=250000 ) {
        var growth = goal + .02;
    } 
    if ( number >= 250000 && number <=500000 ) {
        var growth = goal + .01;
    } 
    if ( number >= 500000 && number <=500000000 ) {
        var growth = goal;
    }
    var total = number*growth;
    $("#total").text(total);
});

我需要创建一个简单的计算器，它根据输入的不同变量将百分比乘以另一个字段的值并给出美元数字金额。我的一切都完全按照预期进行。但是，我希望将最终的“总计”数字转换为整数并在适当的位置添加逗号。

示例:如果输入 100,000 作为值，并选择 0-5% 作为增长，则总输出为 7000.00000001。我希望这个数字的格式为 7,000。我查看了其他问题，但没有找到适合我想要实现的目标的答案。我确实尝试在这里使用所选的答案: Add comma to numbers every three digits

但是，它不会四舍五入到整数(或至少 2 位小数)，并且会继续在小数点后添加逗号。这包含在下面的 fiddle 中。有没有一种简单的方法来实现我想要做的事情？谢谢

这是我的 fiddle 的链接: https://jsfiddle.net/xpvt214o/522647/

Answer 1

我添加了一个正则表达式函数并使用了 JavaScript Math.Round 函数。

下面是在 jsfiddle 中测试的工作示例:

$.fn.digits = function(){ 
    return this.each(function(){ 
        $(this).text( $(this).text().replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1,") ); 
    })
}

$("#value,#growth").change(function () {

    var number= $('#value').val();
    var goal= $('#growth').val()*1;
    if ( number >= 1 && number <=250000 ) {
        var growth = goal + .02;
    } 
    if ( number >= 250000 && number <=500000 ) {
        var growth = goal + .01;
    } 
    if ( number >= 500000 && number <=500000000 ) {
        var growth = goal;
    }
    var total = number*growth;
    total = Math.round(total);
    //total = Number(total).toFixed(2);
    $("#total").text(total);
    $("#total").digits();
});

您想保留小数而不是整数，请使用 ('#total).toFixed(2); 而不是圆形。 只需提交 round() 行并取消提交 tofixed() 行。

RegEX 是从此答案 Add comma to numbers every three digits 提供的