jQuery自动根据来自其他输入字段的值填充输入字段

Question

我正在创建贷款计算器。我试图弄清楚如何自动填充输入的基于利率字段的贷款金额。

下面是一个示例场景：

• 金额0 - 100,000，利率= 4.50
• 金额100,001 - 500,000，利率= 4.4
• 金额500,001 - 1,000,000，利率= 4.3
• 量> 1,000,001，利率= 4.0

这里是我的标记：

<input type="text" size="12" id="loanamount" name="loanamount"/> 
<input type="text" size="2" name="tenure" /> 
<input type="text" size="4" id="interestrate" name="interestrate" disabled/> 

希望有人能帮助我。

谢谢。

FD

Answer 1

听取密码，计算费率，然后设置利率输入值：

$("#loanamount").keyup(
    function (e) { 
     var loan = $(e.currentTarget).val(); 
     if (loan <= 100000) { 
     $('#interestrate').val('4.5'); 
     } else if (loan <= 500000) { 
     $('#interestrate').val('4.4'); 
     } else if (loan <= 1000000) { 
     $('#interestrate').val('4.3'); 
     } else if (loan >= 1000001) { 
     $('#interestrate').val('4.0'); 
     } else { 
     $('#interestrate').val(''); 
     } 
    } 
); 

小提琴是here

Answer 2

您可以将输入字段绑定到keyup事件，火灾在你输入的东西，然后拿到量，并设置利率相应

这里的时间是一个例子：

$("loanamount").on("keyup", function(e){ 
    var amount = e.target.value; 
    var intrestrate = 0; 
    if(amount > 0) 
    intrestrate = 4.5; 
    else 
     //... continue with conditions 
    $('#interestrate').val(intrestrate); 
})