Переключение кол-ва товара в категории js

[Kam1kadze]

Нужна переключалка кол-ва товаров в категории при добавлении в корзину. Работает только на первом товаре, дальше +- не работает, в добавок хром ругается «Found 15 elements with non-unique id #input-quantity»

Как можно поправить, с js не дружу. Хелп плиз

Код:

Спойлер

<div class="quantity-box quantity_category">
  					<input type="button" id="minus" value="-" class="form-control">         
  					<input type="text" name="quantity" value="1" size="2" id="input-quantity" class="form-control">
  					<input type="button" id="plus" value="+" class="form-control">
</div>

<script type="text/javascript"><!--
var minimum = 1;
  $("#input-quantity").change(function(){
    if ($(this).val() < minimum) {
      alert("Minimum Quantity: "+minimum);
      $("#input-quantity").val(minimum);
    }
  });
  // increase number of product
  function minus(minimum){
      var currentval = parseInt($("#input-quantity").val());
      $("#input-quantity").val(currentval-1);
      if($("#input-quantity").val() <= 0 || $("#input-quantity").val() < minimum){
          alert("Minimum Quantity: "+minimum);
          $("#input-quantity").val(minimum);
     }
  };
  // decrease of product
  function plus(){
      var currentval = parseInt($("#input-quantity").val());
     $("#input-quantity").val(currentval+1);
  };
  $('#minus').click(function(){
    minus(minimum);
  });
  $('#plus').click(function(){
    plus();
  });
//--></script>

 

 

[bogdan281989]

24 минуты назад, Kam1kadze сказал:

Нужна переключалка кол-ва товаров в категории при добавлении в корзину. Работает только на первом товаре, дальше +- не работает, в добавок хром ругается «Found 15 elements with non-unique id #input-quantity»

Как можно поправить, с js не дружу. Хелп плиз

Код:

  Скрыть контент

 

 

У вас дубликат ID "input-quantity"

ID - должен быть уникален на странице, классы могут дублироваться.

Смените ID на class и(или) добавляйте ID товара к ID инпута количества

[Kam1kadze]

15 минут назад, bogdan281989 сказал:

У вас дубликат ID "input-quantity"

ID - должен быть уникален на странице, классы могут дублироваться.

Смените ID на class и(или) добавляйте ID товара к ID инпута количества

 

Сменил id на class, добавил к id product_id для уникальности. Ошибка в хроме исчезла, переключение дальше первой карточки так и не работает. Но теперь при переключении кол-ва в первой карточке меняется кол-во во всех карточках

Спойлер

<div class="quantity-box quantity_category">
  					<input type="button" id="minus" value="-" class="form-control">         
  					<input type="text" name="quantity" value="1" size="2" id="input-quantity-<?php echo $product['product_id']; ?>"  class="form-control input-quantity">
  					<input type="button" id="plus" value="+" class="form-control">
</div>

<script type="text/javascript"><!--
var minimum = 1;
  $(".input-quantity").change(function(){
    if ($(this).val() < minimum) {
      alert("Minimum Quantity: "+minimum);
      $(".input-quantity").val(minimum);
    }
  });
  // increase number of product
  function minus(minimum){
      var currentval = parseInt($(".input-quantity").val());
      $(".input-quantity").val(currentval-1);
      if($(".input-quantity").val() <= 0 || $(".input-quantity").val() < minimum){
          alert("Minimum Quantity: "+minimum);
          $(".input-quantity").val(minimum);
     }
  };
  // decrease of product
  function plus(){
      var currentval = parseInt($(".input-quantity").val());
     $(".input-quantity").val(currentval+1);
  };
  $('#minus').click(function(){
    minus(minimum);
  });
  $('#plus').click(function(){
    plus();
  });
//--></script>

 

 

[bogdan281989]

Только что, Kam1kadze сказал:

 

Сменил id на class, добавил к id product_id для уникальности. Ошибка в хроме исчезла, переключение дальше первой карточки так и не работает. Но теперь при переключении кол-ва в первой карточке меняется кол-во во всех карточках

 

Я вам дал наводку, но не решение готовое