0

Есть динамическая таблица после выбора товара заплетаться сумма

<td><input type='text' class='total"+(i+1)+"' name='oll_total[]' value='' ></td>

таких полей может быть много, получается так

<td><input type='text' class='total1' name='oll_total[]' value='100'></td>
<td><input type='text' class='total2' name='oll_total[]' value='200'></td>
<td><input type='text' class='total3' name='oll_total[]' value='300'></td>
<td><input type='text' class='total4' name='oll_total[]' value='400'></td>
<td><input type='text' class='total5' name='oll_total[]' value='500'></td>

пробую сделать так

var i = 1;

var sum= 0;
$("input.total"+i).each(function(){
sum += $(this).val();
});
console.log(sum);

результат = 0; Подскажите как можно подсчитать сумму.

<table class="table table-bordered table-hover table-responsive" id="tab_logic">
                            <thead>
                            <tr>
                                <th width="10%"><?php echo $text_product_name; ?></th>
                                <th width="10%"><?php echo $text_model; ?></th>
                                <th width="10%"><?php echo $text_sum_buy; ?></th>
                                <th width="10%"><?php echo $text_price; ?></th>
                                <th width="10%"><?php echo $text_count; ?></th>
                                <th width="10%"><?php echo $text_in_total; ?></th>
                                <th width="1%"><a id="add_row" ><input type="button" class="btn btn-success" value="<?php echo $text_add_product;?>"></a></th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr class='addr0'>
                            <tr class='addr1'></tr>
                            </tbody>
                        </table>

`

$(document).ready(function(){
var product = ["<?php echo  $product; ?>"];
var i=1;
    $("#add_row").click(function(){
        $('.addr'+i).html("<td width='10%'><input type='text'  name='product_name[]' autocomplete='on' required class='form' ></td>" +
            "<td width='10%'><input name='model_product[]' class = 'model"+(i+1)+"' type='text'></td>" +
            "<td  width='20%'><input style='width:45%'  type='text' name='price[]' class='price"+(i+1)+"'> <input style='width:45%' readonly type='text' class='currency"+(i+1)+"' name='currency[]' ></td>"+
            "<td width='15%'><input type='text' id='sums' name='total[]' class='total"+(i+1)+"' style='width:90%'><input type='hidden' name='product_id[]'  class='product_id"+(i+1)+"'  ></td>" +
            "<td width='10%'><img src='/catalog/view/theme/default/assets/images/add/minus.png' border='0' onclick='jQuery(this).next().val(~~jQuery(this).next().val()-1); sum_total(this);'>" +
            "<input type='text' name='quantity[]' id=i2  value='' class='quantity"+(i+1)+"' size='1' >" +
            "<img src='/catalog/view/theme/default/assets/images/add/plus.png' border='0' onclick='jQuery(this).prev().val(~~jQuery(this).prev().val()+1);sum_total(this);'></td>" +
            "<td width='10%'><input type='text'  class='total"+(i+1)+"'  name='oll_total[]' value='' ></td>" +
            "<td width='10%'><a id='delete_row' class=' minus' onclick='sum_delete(this)'><input type='button' class='btn btn-danger' value='<?php echo $text_delete_product; ?>'></a></td></td>");
        $('.addr'+i).find('.form').autocomplete({ source:product,
            select: function(event, ui) {
                var product_name  = ui.item.value;
                $.ajax({
                    type: 'POST',
                    url: '/index.php?route=checkout/checkout/autocomplete',
                    data:{ "name_product":product_name },
                    success: function(data){
                        $("input.model"+i).val(data);
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: '/index.php?route=checkout/checkout/total',
                    data:{ "name_model":product_name },
                    success: function(data){
                        $("input.price"+i).val(data);
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: '/index.php?route=checkout/checkout/currency',
                    data:{ "name_model":product_name },
                    success: function(data){
                        $("input.currency"+i).val(data);
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: '/index.php?route=checkout/checkout/price',
                    data:{ "name_model":product_name },
                    success: function(data){
                        $("input.total"+i).val(data);
                    }
                });
                $.ajax({
                    type: 'POST',
                    url: '/index.php?route=checkout/checkout/quantity',
                    data:{ "name_model":product_name },
                    success: function(data){
                        $("input.quantity"+i).val(data);
                    }
                });


                alert($("input.total"+i));

                var sum= 0;
                $("input.total").each(function(){
                    sum += +($(this).val());
                });

                console.log(sum);


               /* var sum= 0;
                $("input.total"+i).each(function(){
                    sum += $(this).val();
                });

                console.log(sum);
                $.ajax({
                    type: 'POST',
                    url: '/index.php?route=checkout/checkout/sum',
                    data: { "sum": sum},
                    success: function (data) {
                        $('.sum_').html(data);
                    }
                });*/
            }
        });
        $('#tab_logic').append('<tr class="addr'+(i+1)+'"></tr>');
        i++;
    });
$("#delete_row").click(function(){
    if(i > 1 ){
        $(".addr"+(i-1)).html('');
        i--;
    }
});

}); jQuery(document).on('click', '.minus', function(){ jQuery( this ).closest( 'tr' ).remove(); }); `

2 ответа 2

1

var $total = $('.sub_total');
$('[class^="total"]').each(function(){
  $total.val(parseInt($total.val()) + parseInt($(this).val()));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' class='total1' name='oll_total[]' value='100'>
<input type='text' class='total2' name='oll_total[]' value='200'>
<input type='text' class='total3' name='oll_total[]' value='300'>
<input type='text' class='total4' name='oll_total[]' value='400'>
<input type='text' class='total5' name='oll_total[]' value='500'>

<input type='text' class='sub_total' name='oll_total[]' value='0' >

1
  • Спасибо за помощь все работает.
    – Sender1050
    31 мая 2017 в 7:54
1
  • Во-первых у тебя все классы разные, а цикл только по total. Логично, что он ничего не находит. А назначать разные классы на одинаковую группу элементов — нецелесообразно.

  • Во-вторых: непонятно откуда из воздуха ты взял переменную i. Если она и должна была быть, то как аргумент функции

    .each(function(i){

  • В-третьих: так как ты и так циклом бежишь по всем элементам, то эта i не нужна вообще (Выше я написал, что нужно делать общий класс на группу элементов total).

var sum= 0;
$("input.total").each(function(){
  sum += +($(this).val());  // sum += parseInt($(this).val());  
});

console.log(sum);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td><input type='text' class='total' name='oll_total[]' value='100'></td>
<td><input type='text' class='total' name='oll_total[]' value='200'></td>
<td><input type='text' class='total' name='oll_total[]' value='300'></td>
<td><input type='text' class='total' name='oll_total[]' value='400'></td>
<td><input type='text' class='total' name='oll_total[]' value='500'></td>

5
  • 1
    вообще говоря цикл по total"+i, где i=1, значит хотя бы один инпут с классом .total1 должен был выбираться
    – Grundy
    31 мая 2017 в 6:49
  • @Grundy и чо дальше?) 31 мая 2017 в 6:57
  • очевидно ты не прав, и надо отредактировать ответ, плюс закрыть вопрос, пока не добавится минимальный воспроизводимый пример :)
    – Grundy
    31 мая 2017 в 7:00
  • У меня поля динамические при нажатие на кнопку они подставляються, и что бы хранить полученное значение в нужном поле я сделал $("input.total"+i) добавил полный код
    – Sender1050
    31 мая 2017 в 7:01
  • @Grundy на счет mcve ты не мне пиши :) 31 мая 2017 в 7:06

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.