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

Question

Я пытаюсь использовать jquery для циклического прохождения блока форм, который содержит числовые данные, и сложения всего этого для отображения в форме с идентификатором 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

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

    <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" />