Probleme in Höhe von insgesamt Wert von Steppern zur Gesamt Anzeige

Question

Hallo Ich versuche, diese Form zu bauen, die eine Menge multipliziert dann summiert, um einen Wert und Gesamtzurückgibt. Hier

ist ein codepen von dem, was ich versucht habe, so weit http://codepen.io/Ongomobile/pen/grZJvO Vielen Dank für jede Hilfe!

Hier ist meine Funktion bisher

$(document).ready(function() { 
    $('.input-stepper').inputStepper(); 
}); 

$(".input-stepper").keyup(getTotals) 

function getTotals() { 
    var subTotal = 0; 
    // for each div of steppers 
    $('.input-stepper').each(function() { 
    // get values from this div 
    var $val1 = $('.val1', this).val(); 
    var $val2 = $('.val2', this).val(); 
    var $total = ($val1 * 1) * ($val2 * 1) 
    $('.multTotal', this).text($total); 
    subTotal += $total; 

    }); 
    $("#grandTotal").text(subTotal); 
} 

Answer 1

Ihr Code ordnungsgemäß funktioniert, aber ich gehe davon aus auf der + und - klicken Sie erwarten, wie auch die Gesamt zu ändern. Gerade jetzt Sie hören nur auf die keyup Ereignis an den Eingängen selbst. Sie müssen auch eine Click-Handler auf die Schaltflächen wie hinzuzufügen:

$(".input-stepper button").mouseup(getTotals); 

Beachten Sie, dass Sie eine effizientere jQuery-Selektor für die Tasten, obwohl (wie das Hinzufügen von ihnen zu einer Klasse und die Auswahl, die direkt, anstatt die finden sollte geschachtelte jQuery-Referenz).

Answer 2

Ich glaube, Sie verwenden jquery.input-stepper.js diese Dokumentation Js besagt, dass, wenn Sie eine Funktion ausführen wollen, auf „+/-“ Tasten Sie

$('input[type="text"]').on('increase', function (e, amount, plugin) { 
    alert('increase with: ' + amount); 
}); 

$('input[type="text"]').on('decrease', function (e, amount, plugin) { 
    alert('decrease with: ' + amount); 
});