Php Jquery在多个表中对表单输入求和

我有一个从MySQL填充HTML表的PHP页面。它输出两个独立的表，ID为“headTable”和“visions”。我正在尝试对“visit”表中的值求和，并将总和输出到相应的“headTable”。还有一个复选框填充输入字段，在选中所有复选框时，我也很难获得正确的总和。如果我手动键入值，则总和是正确的。提前谢谢。

第一桌
简
18.45
彼得
100
第二桌
罗纳德
100
约翰
100

对于我的Jquery

<script>

$(document).ready(function(){
    $(function() {

        $('table input[type="checkbox"]').change(function() {
            var input = $(this).closest('td').next('td').find('input');

            if ($(this).is(':checked')) {
                var amount = $(this).closest('td').prev('td').text();
                var sum = 0;

                $.each($('table#visits'), function() {
                    $('.amount').each(function() {
                        sum += Number($(this).val());
                        $('#appliedTotal').html('$'+sum.toFixed(2));
                    });
                });

                input.val(amount);

            } else {
                input.val('0.00');
                var sum = 0;

                $('.amount').each(function() {
                    sum += Number($(this).val());
                    $('#appliedTotal').html('$'+sum.toFixed(2));
                });

            }
        });
    });

    $.each($('table#visits'), function() {
        $(".amount").keyup(function() {
            var sum = 0;

            $('.amount').each(function() {
                sum += Number($(this).val());
                $('#appliedTotal').html(sum);
            });
        });
    });

});
</script>

$（文档）.ready（函数（）{
$（函数（）{
$（'table input[type=“checkbox”]”）。更改（函数（）{
var input=$（this.closest（'td'）。next（'td'）。find（'input'）；
如果（$（this）.is（':checked'））{
var金额=$（this）.closest（'td'）.prev（'td'）.text（）；
var总和=0；
$.each（$（'table#visions'），function（）{
$（'.amount'）。每个（函数（）{
sum+=数字（$（this.val（））；
$（'#appliedTotal'）.html（'$'+sum.toFixed（2））；
});
});
输入val（金额）；
}否则{
输入.val（'0.00'）；
var总和=0；
$（'.amount'）。每个（函数（）{
sum+=数字（$（this.val（））；
$（'#appliedTotal'）.html（'$'+sum.toFixed（2））；
});
}
});
});
$.each（$（'table#visions'），function（）{
$（“.amount”）.keyup（函数（）{
var总和=0；
$（'.amount'）。每个（函数（）{
sum+=数字（$（this.val（））；
$（'#appliedTotal'）.html（总和）；
});
});
});
});

---

这就是我想要做的

---

是关于如何从美元中提取数字的吗？我倾向于相反，但对于您来说，在将子字符串（1）传递给Number（）之前，先将其添加到.val（）

和 总和=“$”+总和

---

当然，在分配给appliedTotal之前，您不能在一个页面上有两个表或任何其他具有相同“id”的标记。

您没有问过特定的问题。但是，如果您需要在jquery中对一些输入求和，那么是什么阻止您将所有有问题的输入提供给一个公共类并按类获取它们呢？我的问题是我想按表对值求和，并将总和输出到相应的“headTable”中。这段代码对两个表中的所有值求和，甚至不是正确的和。我在这里画空白…不。我正在尝试将id为“visits”的每个表中的值求和，并将和输出到id为“headTable”的相应表中。请改为按类选择具有数据的表。或者将它们都放在单独的div中，并使用该概念作为选择器。

<script>

$(document).ready(function(){
    $(function() {

        $('table input[type="checkbox"]').change(function() {
            var input = $(this).closest('td').next('td').find('input');

            if ($(this).is(':checked')) {
                var amount = $(this).closest('td').prev('td').text();
                var sum = 0;

                $.each($('table#visits'), function() {
                    $('.amount').each(function() {
                        sum += Number($(this).val());
                        $('#appliedTotal').html('$'+sum.toFixed(2));
                    });
                });

                input.val(amount);

            } else {
                input.val('0.00');
                var sum = 0;

                $('.amount').each(function() {
                    sum += Number($(this).val());
                    $('#appliedTotal').html('$'+sum.toFixed(2));
                });

            }
        });
    });

    $.each($('table#visits'), function() {
        $(".amount").keyup(function() {
            var sum = 0;

            $('.amount').each(function() {
                sum += Number($(this).val());
                $('#appliedTotal').html(sum);
            });
        });
    });

});
</script>