javascript - 当另一个字段值更改时，如何使用 jQuery 更改字段

Question

我进行了搜索，甚至找到了类似 JQuery: Change value when value of other input field is changed 的答案，我一直无法弄清楚这一点。

我正在尝试根据 HTML 表单输入做一些数学运算。当用户在第一个和第二个字段中输入数字时，我希望它自动计算到第三个字段中以显示总数。

我的表单代码是:

<div id="makingARecurringGift">
    Enter Recurring Gift Amount: $<input type="number" min="0" name="recurringDonationValue" id="recurringDonationValue" size="15" value="0" /><br />
    I would like to make this gift for <input type="number" min="0" max="60" name="numberOfMonths" id="numberOfMonths" size="15" value="0" /> months.<br />
    Total Gift Amount of $<input type="number" min="0" value="0" name="totalRecurringDonationValue" />.
</div>

我尝试运行的 javascript 是:

function replaceRecurringDonationValue() {
    //make our variables so we don't forget
    var perDonationValue = 0;
    var numberOfMonths = 0;
    var TotalRecurringDonationValue = 0;

    //give them their correct values
    perDonationValue = $("#recurringDonationValue").val();
    numberOfMonths = $("#numberOfMonths").val();

    //ensure that the maximum number of months is enforced.
    if(numberOfMonths > 60) {
        alert("Donations can last for a maximum of 60 months.");
        $("#numberOfMonths").val(60);
    }

    TotalRecurringDonationValue = perDonationValue * numberOfMonths;

    $("#TotalRecurringDonationValue").val(TotalRecurringDonationValue);
}
$("#recurringDonationValue").change(replaceRecurringDonationValue());
$("#numberOfMonths").change(replaceRecurringDonationValue());

如果您想查看完整的主页源代码: http://pastebin.com/aLMqYuxc 完整的 javascript 源是: http://pastebin.com/FvviPHhj

抱歉，如果这是一个愚蠢的问题，谢谢大家的帮助。我仍在努力解决这个问题。

Answer 1

尝试改变这个:

$("#recurringDonationValue").change(replaceRecurringDonationValue());

为此:

  $("#recurringDonationValue").change(function(){
                                          replaceRecurringDonationValue();
                                       });

还有这个:

$("#numberOfMonths").change(replaceRecurringDonationValue());

为此:

$("#numberOfMonths").change(function(){
                               replaceRecurringDonationValue()
                               });

安德斯的好声音，

更好的是结合两个选择器，例如

 $("#recurringDonationValue, #numberOfMonths").change(function(){
                                              replaceRecurringDonationValue();
                                           });

更少的代码保持干燥(不要重复自己):)