添加可变数量表格的数值

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

在我的示例中，我使用 ID 为“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" />