1

Como eu faria para executar o jquery com vários campos de input a serem mudados?

Preciso para poder colocar a quantidade de cada produto clicando em .minus e .plus

Tenho esse Html

<div class="quantity">
       <input type="button" value="+" class="plus">
       <input id="value" data-formid="" step="1" max="99" min="1" title="Qty" class="qty" type="number" name="prod[2385]" value="1" size="4">
       <input type="button" value="-" class="minus">
    </div>

    <div class="quantity">
       <input type="button" value="+" class="plus">
       <input id="value" data-formid="" step="1" max="99" min="1" title="Qty" class="qty" type="number" name="prod[2386]" value="1" size="4">
       <input type="button" value="-" class="minus">
    </div>

E esse Jquery

$('.plus').click(function() { changeValue(1); });
$('.minus').click(function() { changeValue(-1); });

var formID=data("formid");

function changeValue(val) {
    var container = $('#value'+formID);
    var current = parseInt(container.val(), 10);
    container.val(Math.max(0, current + val).toString());
}

1 Resposta 1

2

Creio que o script abaixo atenda ao que você deseja:

$('.plus').click(function() { 
   //Pega o valor do input que está na mesma div do botão clicado
   var valorAtual = parseInt($(this).closest('.quantity').find('[type=number]').val());
   //Atribui ao input o valor atual somando + 1
   if (valorAtual < 99){
       $(this).closest('.quantity').find('[type=number]').val(valorAtual + 1);
   }
});

$('.minus').click(function() { 
   //Pega o valor do input que está na mesma div do botão clicado
   var valorAtual = parseInt($(this).closest('.quantity').find('[type=number]').val());
   //Atribui ao input o valor atual subtraindo 1
   if (valorAtual > 1){
       $(this).closest('.quantity').find('[type=number]').val(valorAtual - 1);
   }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="quantity">
       <input type="button" value="+" class="plus">
       <input id="value" data-formid="" step="1" max="99" min="1" title="Qty" class="qty" type="number" name="prod[2385]" value="1" size="4">
       <input type="button" value="-" class="minus">
    </div>

    <div class="quantity">
       <input type="button" value="+" class="plus">
       <input id="value" data-formid="" step="1" max="99" min="1" title="Qty" class="qty" type="number" name="prod[2386]" value="1" size="4">
       <input type="button" value="-" class="minus">
    </div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .