AutoNumeric 更改值

Question

我试图让我的价值拥有千位分隔符等，但我不明白如何使用 jquery 以及它是如何工作的。

我想让我的价值从 1000 到 1000

我尝试像这样使用 AutoNumeric 但失败了

var autonumeric = new AutoNumeric.multiple(".form-control");

这是我要更改值类型的表单：

<div class="form-group">
    <div class="row">
        <div class="col-lg-3">
            <label for="total" class="label-control" id="labelsubtotal">Total : </label>
        </div>
        <div class="col-lg-9">
            <input type="text" value="" style="text-align: right;" class="form-control" id="grandTotal" name="grandTotal" disabled>
        </div> 
    </div>
</div>

这就是我导入 AutoNumeric 的方式：

<script src="<?php echo base_url();?>js/autonumeric-next/src/AutoNumeric.js" type="text/javascript"></script>

基本上这就是我想要做的：

我想把结果格式改成货币格式

我只成功更改了 1 个值，这就是我所做的：

<script>
$('document').ready(function(){

$(function sum() {
    console.log($('.calc'))
    var sum = 0.0;
    $('.calc').each(function() {
        sum += parseInt($(this).text());
    });
    $("#subTotal").val(sum);
    let subTotal = new AutoNumeric("#subTotal");
})();

function calculateSubTotal() {
    var subtotal = $("#subTotal").val();
    $("#subTotalDiscount").val(subtotal - (Math.round(($("#inputDiscount").val() / 100) * subtotal)));
    var subtotal_discount = parseInt($("#subTotalDiscount").val());
    $("#subTotalTax").val(Math.round(($("#inputTax").val() / 100) * subtotal_discount));
    var subtotal_tax = parseInt($("#subTotalTax").val());
    var pph = $("#inputpph").val();
    $("#SubTotalpph").val(Math.round(parseInt($("#inputpph").val()*subtotal_discount)));
    var subtotal_pph = parseInt($("#SubTotalpph").val());
    var grandtotal = subtotal_discount + subtotal_tax + subtotal_pph;
    $("#grandTotal").val(grandtotal);
    }
})
</script>

我现在迷路了。

Answer 1

还存在另一种方法。接下来看看你会得到什么（一个要求 - 你只需要给出数值）：

JS

    $('#grandTotal').on('input',function(){

            var number, s_number, f_number;

            number  = $('#grandTotal').val();
            s_number = number.replace(/,/g,'');
            f_number = formatNumber(s_number);

            console.info(f_number);
            $('#grandTotal').val(f_number);
    }); 

function formatNumber(num) {
  return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,')
}

但是，如果您只想转换值而不动态更改它，那么只需将其添加到您附加的*.js：

var number, f_number;
    number  = $('#grandTotal').val(); 
    f_number = formatNumber(number);

    console.info(f_number);
    $('#grandTotal').val(f_number);

function formatNumber(num) {
  return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1,')
}