Вычислить общее количество значений в текстовых полях

Question

У меня есть экран на моей странице ASP.Net, который, в зависимости от выбора пользователем, предоставляется между 1 и 5 текстовыми полями. Эти поля позволяют пользователю вводить сумму.

Когда пользователь вводит экран на основе определенных критериев, отображается определенное количество этих полей редактирования. Они не скрыты ... если я хочу 3 коробки, то на экране будут только 3 окна.

В javascript, когда пользователь вводит сумму, отображается поле «Total», суммируя значения из каждого окна.

Так как типы пользователей, значение в общих обновлений с общей вычисленной для всех текстовых полей:

Я использую:

onkeyup="calculateTotal()" 

на EditBox.

Чтобы сделать это, я использую ниже код:

function calculateTotal() { 

     var amt0 = $('.txtAmount0').val(); 
     var amt1 = $('.txtAmount1').val(); 
     var amt2 = $('.txtAmount2').val(); 
     var amt3 = $('.txtAmount3').val(); 
     var amt4 = $('.txtAmount4').val(); 


     var amt = Number(amt0); 
     if (!isNaN(amt1)) 
      amt += Number(amt1); 

     if (!isNaN(amt2)) 
      amt += Number(amt2); 

     if (!isNaN(amt3)) 
      amt += Number(amt3); 

     if (!isNaN(amt4)) 
      amt += Number(amt4); 

     $('.txtTotalAmount').text('$' + amt); 

    } 

Первый вопрос заключается в том, что, кажется, я теряю некоторую точность расчета:

Я не уверен, почему я получаю странную проблему округления, когда все, что я делаю, это подведение итогов.

Кроме того, это кажется немного грязным, если я добавил больше ящиков, мне нужно изменить код.

Есть ли лучший способ для этого кода работать?

Answer 1

Вы можете что-то вроде этого:

var sum = 0; 
    $("input[class*='txtAmount']").each(function() { 
      if ($.isNumeric($(this).val())) { 
     sum += Number($(this).val()); 
     } 
    }); 

    $('.txtTotalAmount').text('$' + sum.toFixed(2));