javascript - 如何对jquery中动态添加的变量进行乘法

Question

我想在更改#quantity文本框值后动态地获取价格和产品数量的总金额。 我是这样做的。但当我在 Firefox 控制台中检查时，没有调用 calculate 函数。有什么解决办法吗？

$(document).ready(function(){
    $("#quantity").bind('change',calculate);
    function calculate()
    {
    var price = $("#price").val();
    var quantity = $("#quantity").val();
    var amount = price * quantity;
    $("#amount").val(amount);
    }
    }); 

Answer 1

您应该使用格式编号

$.fn.formatNumber = function() {
$(this).keydown(function (e) {
    // Allow: backspace, delete, tab, escape, enter and .
    if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 109, 110, 189, 190]) !== -1 ||
         // Allow: Ctrl+A
        (e.keyCode == 65 && e.ctrlKey === true) || 
         // Allow: home, end, left, right
        (e.keyCode >= 35 && e.keyCode <= 39)) {
             // let it happen, don't do anything
             return;
    }
    // Ensure that it is a number and stop the keypress
    if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
        e.preventDefault();
    }

});
return this;

};

然后使用keyup:

$.fn.setupQty = function() {
$(this).keyup(function(){
    if( $('#quantity').val() != '' && $('#price').val() != '') {
        var quantity = $(this).val();
        var price = $("#price").val();  
        var amount = price * quantity;
        $("#amount").val(amount);
    }
    else {
        $("#amount").val(0);
    }
});
return this;
};
$('#quantity').formatNumber().setupQty();