【问题标题】:How to count input with automatic commas如何使用自动逗号计算输入
【发布时间】:2021-07-22 15:29:21
【问题描述】:

如果有自动逗号,我如何计算两个输入,并且仍然显示逗号?

HTML

<input data-type="number" class="form-control number " name="meals_living_expression" id="meals_living_expression" required onwheel="this.blur()">
    
<input data-type="number" class="form-control number" name="other_expenses" id="other_expenses" required onwheel="this.blur()">

<input data-type="number" class="form-control total number" name="total_cost" id="total_cost" max="50" disabled required>

逗号的JS

$('input.number').keyup(function (event) {
    if (event.which >= 37 && event.which <= 40) {
        event.preventDefault();
    }
    var $this = $(this);
    var num = $this.val().replace(/,/gi, "");
    var num2 = num.split(/(?=(?:\d{3})+$)/).join(",");
   
    });

我的计数

$(function () {
    $("#meals_living_expression, #other_expenses").keyup(function () {
        $("#total_cost").val(+$("#meals_living_expression").val() + +$("#other_expenses").val());
       
    });

【问题讨论】:

    标签: javascript html jquery input


    【解决方案1】:

    添加这个

    onKeyup="$(this).val(rp(this.value,''))"
    

    更改 jquery:

      function rp(angka, prefix) {
      var number_string = angka.replace(/[^,\d]/g, '').toString(),
          split = number_string.split(','),
          sisa = split[0].length % 3,
          rupiah = split[0].substr(0, sisa),
          ribuan = split[0].substr(sisa).match(/\d{3}/gi);
    
      if (ribuan) {
        separator = sisa ? '.' : '';
        rupiah += separator + ribuan.join('.');
      }
    
      rupiah = split[1] != undefined ? rupiah + ',' + split[1] : rupiah;
      $("#total_cost").val(parseInt($("#meals_living_expression").val().replace('.', '')) + parseInt($("#other_expenses").val().replace('.', '')));
      return prefix == undefined ? rupiah : rupiah;
    }
    

    jsfiddle

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多