2012-09-05 88 views
0

我正在为购房者构建计算器。每次用户在现场输入数字时,最终购买价格都会更新。有几个领域实际上占总购买价格的6倍。我希望6个月的计算只在输入特定字段后才显示。jquery:试图获得文本字段的值.onfocus()

目前t工作,但不计算正确的金额。但是,如果您重新输入文本字段并输出文本,则计算器可以正常工作。最终购买价格每次都能正确计算。

http://coyle.webedgemedia.com/Admin/BidSheet/47

http://jsfiddle.net/webedge/7fyV5/(CSS的不透进来正确的,但你可以得到正在发生的事情的理解)

我敢肯定它有事情做与DOM不知道该值当我退出它时,但我认为.on()函数可以帮助解决这个问题。任何帮助表示赞赏。

$('.currency').on("blur", function() { 

    var purchasePrice = 0; 
    var futureSalesPrice = $('#txtFutureSales').length > 0 ? $('#txtFutureSales').val().replace("$", "").replace(",", "") : 0; 
    var purchaseLoan = $('#txtPurchaseLoan').length > 0 ? $('#txtPurchaseLoan').val().replace("$", "").replace(",", "") : 0; 
    var remodeling = $('#txtRemodeling').length > 0 ? $('#txtRemodeling').val().replace("$", "").replace(",", "") : 0; 
    var utilities = $('#txtUtilities').length > 0 ? $('#txtUtilities').val().replace("$", "").replace(",", "") : 0; 
    var HOADues = $('#txtHOADues').length > 0 ? $('#txtHOADues').val().replace("$", "").replace(",", "") : 0; 
    var Insurance = $('#txtInsurance').length > 0 ? $('#txtInsurance').val().replace("$", "").replace(",", "") : 0; 
    var Taxes = $('#txtTaxes').length > 0 ? $('#txtTaxes').val().replace("$", "").replace(",", "") : 0; 
    var LoanInterestCarry = ('#txtLoanInterestCarry').length > 0 ? $('#txtLoanInterestCarry').val().replace("$", "").replace(",", "") : 0; 
    var Inspection = $('#txtInspection').length > 0 ? $('#txtInspection').val().replace("$", "").replace(",", "") : 0; 
    var SaleTitle = $('#txtSaleTitle').length > 0 ? $('#txtSaleTitle').val().replace("$", "").replace(",", "") : 0; 
    var RealEstateSales = $('#txtRealEstateSales').length > 0 ? $('#txtRealEstateSales').val().replace("$", "").replace(",", "") : 0; 
    var ProjectedProfit = $('#txtProjectedProfit').length > 0 ? $('#txtProjectedProfit').val().replace("$", "").replace(",", "") : 0; 

    utilities = utilities * 6; 
    HOADues = HOADues * 6; 
    Insurance = Insurance * 6; 
    Taxes = Taxes * 6; 
    LoanInterestCarry = LoanInterestCarry * 6; 

    $('.currency').formatCurrency(); 

    purchasePrice = futureSalesPrice - purchaseLoan - remodeling - Insurance - utilities - HOADues - Taxes - LoanInterestCarry - Inspection - SaleTitle - RealEstateSales - ProjectedProfit; 

    $('#txtUtilities').on("blur", function() { 
     $('.utilitiesMonthly').text(utilities).formatCurrency(); 
    }); 

    $('#txtHOADues').on("blur", function() { 
     $('.hoaMonthly').text(HOADues).formatCurrency(); 
    }); 

    $('#txtInsurance').on("blur", function() { 
     $('.insuranceMonthly').text(Insurance).formatCurrency(); 
    }); 

    $('#txtTaxes').on("blur", function() { 
     $('.taxesMonthly').text(Taxes).formatCurrency(); 
    }); 

    $('#txtLoanInterestCarry').on("blur", function() { 
     $('.loanInterestCarry').text(LoanInterestCarry).formatCurrency(); 
    }); 

    $('.price').text(purchasePrice).formatCurrency(); 

}); 
+0

你需要发布你的代码或更好的,一个jsFiddle。 – j08691

+0

.jsFiddle添加 –

回答

0

我把代码了。对()函数,决定更新它.keyup()

$('#txtFutureSales').on("keyup", function() { 
     $('#txtRealEstateSales').val(($(this).val().replace("$", "").replace(",", "")) * .06).formatCurrency(); 
    }); 

自变量是超出范围是一样容易使用$(this)以获取输入的值。

可能有更快的方法来做到这一点,但它的工作原理。我仍然会采取任何建议。