jQuery automatisch füllen Eingabefeld basierend auf Wert aus anderen Eingabefeld

Question

Ich bin ein Kredit-Rechner erstellen. Ich versuchte herauszufinden, wie man einen Zinsfeld-basierten Kreditbetrag automatisch einträgt.

Hier ist ein Beispielszenario:

• Betrag 0 - 100.000, Zinssatz = 4,50
• Betrag 100.001 - 500.000, Zinssatz = 4,4
• Betrag 500.001 - 1.000.000, Zinssatz = 4,3
• Betrag> 1.000.001, Zinssatz = 4,0

Hier ist mein Markup:

<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/> 

Hoffe jemand kann mir helfen.

Danke.

FD

Answer 1

Auf die Tastenbelegung hören, die Rate berechnen und dann den Wert der Zinssatzeingabe eingeben:

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

Geige ist here

Answer 2

Sie Ihre Eingabefeld keyup Ereignis binden können, die jedes Mal, wenn Sie etwas Feuer und dann den Betrag erhalten, geben Sie und stellen Sie den Zinssatz entsprechend

Hier ist ein Beispiel:

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