Question

我有一个包含两个项目的购买表。第一项是一个数字框，用于标识旅行中有多少成人。第二项是一个数字框，用于标识旅行中有多少老年人。例如：我想在第一个数字框中选择2时，数字框旁边的小计显示给我计算结果（一个人的价格* 2）也是老年人节。

我找到了一个与select和option值一起使用的代码：

update_amounts();
        $('select').change(update_amounts);

        function update_amounts() {
            var sum = 0.0;
            $('#tickets > tbody  > tr').each(function () {
                var qty = $(this).find('option:selected').val();
                var price = $(this).find('.price').text().replace(/[^\d.]/, '');
                var amount = (qty * price);
                sum += amount;
                $(this).find('.subtotal').text('{{ \App\Helpers\Themes::getSymbolForCurrency() }}' + amount);
            });
            $('#total').val('{{ \App\Helpers\Themes::getSymbolForCurrency() }}' + sum);
        };

我已根据自己的需要编辑了此代码：

$('input').change(update_amounts);

        function update_amounts() {
            var sum = 0.0;
            $('#tickets > tbody  > tr').each(function () {
                var qty1 = $(this).find('#adults').val();
                var qty2 = $(this).find('#senior').val();
                var price = $(this).find('.price').text().replace(/[^\d.]/, '');

                var amount = ((qty1+qty2) * price);

                sum += amount;
                $(this).find('.subtotal').text('{{ \App\Helpers\Themes::getSymbolForCurrency() }}' + amount);
            });
            $('#total').val('{{ \App\Helpers\Themes::getSymbolForCurrency() }}' + sum);

        };

但这不起作用！这是HTML代码：

<input type="number" name="adult_count" id="adults"   min="0" required>

<input type="number" name="senior_count" id="seniors"   min="0" required>

此图显示了我所需要的： https://i.ibb.co/52qzkh7/stack2.png

如何使用jQuery计算小计和总计并显示结果

0 个答案: