несколько входных значений добавить или вычесть всего

Question

У меня есть этот код, но он не работает должным образом.

Идея состоит в том, что каждый вход имеет значение и сумму или вычитает его значение из общей цены в зависимости от того, как вы нажимаете вверх или вниз.

Прямо сейчас добавление и добавление и добавление как сумасшедшие.

спасибо.

в JS:

$(document).ready(function() { 
    $(".quantity").each(function(){ 
     $(this).change(function(){ 
      var quantity = ($(this).val()); 
      var ammount = ($(this).attr("data-price")); 
      var price = $(this).closest(".bookSection").find(".item_price").html(); 
      var subtotal = ammount * quantity; 
      var total = parseInt(subtotal) + parseInt(price); 
      $(this).closest(".bookSection").find(".item_price").html(total); 
     }); 
    }); 
}); 

здесь пример: http://jsbin.com/tolequyobi/1/edit?html,js,output

Answer 1

Вместо того, чтобы пытаться использовать .item_price просто вычислить его с самого начала. Если нет, вам нужно будет сохранить старое значение, чтобы узнать, нужно ли вам добавлять или вычитать.

Вы можете сделать что-то вроде этого

$('.quantity').change(function(){ // check change on the inputs 
    var total = 0; // set the total to 0 
    $(this).parent().find('.quantity').each(function() { // loop on all the items thats in this block 
     total += parseInt($(this).attr('data-price')) * parseInt($(this).val()); // add to the total their value 
    }); 
    $(this).parent().find(".item_price").html(total); // and then add it to your html 
}); 

Answer 2

Как насчет пересчета в общей сложности с нуля всякий раз, когда изменяется количество, вместо того, чтобы пытаться сохранить текущую сумму, которую вы должны поддерживать?

$(document).ready(function() { 
    var price = 0; 
    $(".quantity").each(function(){ 
     $(this).change(function(){   
      var total = computeTotal($(this).closest(".bookSection")); 
      $(this).closest(".bookSection").find(".item_price").html(total); 
     }); 
    }); 
}); 

function computeTotal(bookSection){ 
    var total=0; 
    bookSection.children('.quantity').each(function(item){ 
    total += $(this).val() * $(this).attr("data-price"); 
    }); 
    return total; 

http://jsbin.com/rimubocijo/edit?html,js,output