【问题标题】:Get and Sum Dynamic Input Values when MaskMoney.js is applied应用 MaskMoney.js 时获取和求和动态输入值
【发布时间】:2020-04-08 03:44:34
【问题描述】:

我需要一些关于动态输入添加的数组值总和的帮助。 请检查此代码 -> https://jsfiddle.net/ricardofranco/gaf32kry/8/ - 应用了 maskMoney,我使用 maskmoney.js 作为函数。应用了掩码,但不能求和。

var a = function() {
   $('.value').maskMoney({
            allowNegative: true, 
            thousands:'.', 
            decimal:',', 
            affixesStay: false});    };
$('#add_row').click(function() {

$("#linha").first().clone(true).appendTo("tbody").append("<td data-name='del'><button name='' class='btn btn-danger glyphicon glyphicon-remove row-remove'><span aria-hidden='true' id='row-remove'>-</span></button></td>");   
});

  $("#linha").on('click', '.row-remove' ,function() {
    $(this).closest("#linha").remove();
});

$('.table-primary').on('input', '.value', function(){
var totalSum = 0;
    $('.table-primary .value').each(function(){
        var inputValue = $(this).val();

        if(inputValue){

            totalSum += parseFloat(inputValue);
        }

    });

    $('#total').text(totalSum).innerHTML;

});

如果我删除 maskMoney 函数,它总和可以。请检查另一个代码 -> https://jsfiddle.net/ricardofranco/sgch8qfa/11/ - maskMoney.js 未应用。

$('#add_row').click(function() {

$("#linha").first().clone(true).appendTo("tbody").append("<td data-name='del'><button name='' class='btn btn-danger glyphicon glyphicon-remove row-remove'><span aria-hidden='true' id='row-remove'>-</span></button></td>");

});

  $("#linha").on('click', '.row-remove' ,function() {
    $(this).closest("#linha").remove();
});

//sum all values
$('.table-primary').on('input', '.value', function(){

    var totalSum = 0;

    $('.table-primary .value').each(function(){
        var inputValue = $(this).val();

        if(inputValue){
            totalSum += parseFloat(inputValue);
        }
    });
    $('#total').text(totalSum).innerHTML;
});

应用 maskmoney.js 时如何获取值和总和?你们能帮我解决这个问题吗?

【问题讨论】:

  • 你能投票并接受我的回答吗?
  • 如果你能做到这一点将会很有帮助。谢谢

标签: javascript mask money-format


【解决方案1】:


var a =  function() {
   $('.value').maskMoney({allowNegative: true, thousands:'.', decimal:',', affixesStay: false});
};

$('#add_row').click(function() {


$("#linha").first().clone(true).appendTo("tbody").append("<td data-name='del'><button name='' class='btn btn-danger glyphicon glyphicon-remove row-remove'><span aria-hidden='true' id='row-remove'>-</span></button></td>");

});

  $("#linha").on('click', '.row-remove' ,function() {
    $(this).closest("#linha").remove();
});


//sum all values
$('.table-primary').on('keyup', '.value', function(){
    var totalSum = 0;
    $('.table-primary .value').each(function(){
        var inputValue = $(this).maskMoney('unmasked')[0];


        if(inputValue){
            totalSum += parseFloat(inputValue);
        }

    });

    $('#total').text(totalSum).innerHTML;

});

【讨论】:

  • @RicardoCustodio 你能投票并接受我的回答吗
  • @RicardoCustodio 你能接受我的回答吗?我的答案旁边应该有一个灰色的勾号。
  • @RicardoCustodio 你应该可以接受我的回答。
  • 对不起,我现在这样做了!谢谢
猜你喜欢
  • 2020-09-29
  • 2014-05-20
  • 2018-08-23
  • 1970-01-01
  • 2011-09-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-19
相关资源
最近更新 更多