Добавление числовых значений переменной числа форм

Question

Я пытаюсь использовать jquery для циклического перехода через блок форм, который содержит числовые данные, и добавить все это для отображения в форме с id grand. У меня есть возможность динамически добавлять новые формы, поэтому число форм, которые я перебираю, изменится. Вот мой код jquery, который я написал, который не работает по любой причине:

$('#table').delegate('input#grand', 'focus', function(){ 
var grand = $(input.expend).map(function(){ 
    return this.value; 
}); 
$(grand).each(function(){ 
    var g = 0; 
    g+= $(this); 
    $('input#grand').val(g); 
}); 

});

Answer 1

В моем примере я использую таблицу с идентификатором «стол» в качестве контейнера для элементов ввода, но вы можете использовать все, что вы хотите:

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#table input").change(function() { 
       var total = 0; 
       $("#table input").each(function (index, item) { 
        var value = parseFloat($(item).val()); 
        if (!isNaN(value)) { 
         total += value; 
        } 
       }); 
       $("#grand").val(total); 
      }); 
     }); 
    </script> 

    <table id="table"> 
     <tr> 
      <td> 
       <input /> 
      </td> 
     </tr> 
     // more inputs 
    </table> 
    <input id="grand" />