Кнопки + / — общая сумма не работает?

Question

[Luchifer]

Здравствуйте ! у мне такое проблема не могу решить помогите кому не лень так . кнопки работает но не реагирует на общую сумму товаров /// допустим тогда 5 товар сумма должен быть допустим 40 доллар но не работает вот код

$(function(){
        $('.qtyplus').click(function (e) {
            e.preventDefault();
            var $this = $(this);
            var $target = $this.prev('input[name=' + $this.attr('data-field') + ']');
            var currentVal = parseInt($('input[name=' + $this.attr('data-field') + ']').val());
            var $input = $('input[name=' + $this.attr('data-field') + ']');
            if (!isNaN(currentVal)) {
                $input.val(currentVal+1);
            } else {
                $input.val(0);
            }
        });
        $(".qtyminus").click(function (e) {
            e.preventDefault();
            var $this = $(this);
            var $target = $this.next('input[name=' + $this.attr('data-field') + ']');
            var currentVal = parseInt($('input[name=' + $this.attr('data-field') + ']').val());
            var $input = $('input[name=' + $this.attr('data-field') + ']');
            if (!isNaN(currentVal)) {
                $input.val((currentVal == 0) ? 0 :currentVal-1);
            } else {
                $input.val(0);
            }
        });
    });

<div class="input-group">
                      <span class="input-group-btn">

                          <button type="button" class=" qtyminus btn btn-default btn-number "  data-type="minus" data-field="quant<?= $data['id']?>">
                              <span class="glyphicon glyphicon-minus"></span>
                          </button>
                      </span>
                        <input style="min-width: 50px" type="text" name="quant<?= $data['id']?>"  class="form-control input-number quantity" value="1" min="1" max="800" data-price="<?=$data['price']?>">
                        <span class="input-group-btn">
                          <button type="button" class="qtyplus btn btn-default btn-number " data-type="plus" data-field="quant<?= $data['id']?>">
                              <span class="glyphicon glyphicon-plus"></span>
                          </button>
                      </span>
                    </div>

Comments

[Сергей delphinpro]

Код не оформлен должным образом (подсветка, отступы).

[Luchifer]

Сергей, не понял можно точнее ?

[Сергей delphinpro]

Luchifer, говорю прямым текстом: оформи вопрос как положено.
Код должен выглядеть так:

$(function(){
 ...
});

а не так
$(function(){
...
});

[Luchifer]

Сергей, сделал не работает

[Luchifer]

Сергей, +/- кнопки работает но сумма не реагирует

[Сергей delphinpro]

Luchifer, ну жди кого-то, кому не в лом ковыряться в таком виде... =)

[Luchifer]

Сергей, сорян первый раз пишу вопрос не зналь )) виновать )))

[tyzberd]

в этом коде нет изменения общей сумы, тут только изменение количества

Answer 1

[alex-1917]

Ты где-то натырил коду, а натырил не весь!!))
То, что натырено - это только логика для кнопок - прибавить-убавить. Подсчета суммы нет!
И то что натырено можно написать не 20 строками, а ДВУМЯ!

Вот глянь, так надо? - lmap.ru/toster/bs3/plus-minus.php

Comments

[Luchifer]

и где код ?))

[alex-1917]

Luchifer, шта?)) код в теле страницы, открой исходный код и копируй, я даю добро!
но у меня ПРИМЕР! т.е. твоих дата-аттрибутов с ценой и т.д. там нет, ты хочешь код ,работоспособный на твоем движке? не знаю, по адресу ли ты...

[alex-1917]

Luchifer, вот код скрипта если не найдешь)):

$(document).ready(function() {
	$( 'input#product_price' ).val(1);
	$( 'input.summ' ).val(3900);
	$(document).on('click', '.changeCount', function(e) {
		var $input = $(this).closest("div").find('input');
		var count = parseInt($input.val());
		var countInput = document.getElementById('count');
		if ($(this).hasClass("plus")) {
			count = count + 1;
		}
		if ($(this).hasClass("minus")) {
			if (count > 1) count = count - 1;
		}
		$input.val(count);
		$input.change();			
		return false;
	});
	
	$( 'input#product_price' ).change( function(){
		var count = parseInt($( this ).val()); 
		var price = parseInt( $( this ).attr('data-price') );
		var sumrow = numberWithSpaces(count * price);
		function numberWithSpaces(x) {
			return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, " ");
		}
		$( 'input.summ' ).val( sumrow );
	});

});