總計從步進器到總顯示器的值有困難

Question

您好，我正在嘗試構建總計數量然後乘以一個值並返回總計的表單。

這是我到目前爲止嘗試過的一個codepen http://codepen.io/Ongomobile/pen/grZJvO非常感謝您的幫助！

這裏是我的功能，至今

$(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

您的代碼工作正常，但是，我假設你期待點擊+和-改變總以及。現在你只能聽輸入自己的keyup事件。您還需要添加的按鈕點擊等的處理程序：

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

需要注意的是，你應該找到一個按鈕更有效的jQuery選擇，但（如將它們添加到類和選擇，而不是直接的嵌套的jQuery參考）。

Answer 2

我認爲你正在使用jquery.input-stepper.js 這個js文件指出，如果你想在執行任何功能的「+/-」按鈕，你需要使用

$('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); 
});