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

时间:2016-07-10 10:50:12

标签: javascript jquery

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

以下是一个示例场景:

  • 金额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

2 个答案:

答案 0 :(得分:1)

您可以将输入字段绑定到#include "file.jsxinc" //includes a file more like require #includepath "lib" //tells ESTK to include files that follow from a given folder #include "fileFromLibFolder.jsx" //file is included from "lib" folder 事件,该事件会在您每次输入内容时触发,然后获取金额并相应地设置利率

以下是一个例子:

keyup

答案 1 :(得分: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