Jquery 使两个数量输入等于模糊上的平衡输入

试图使两个输入相等于另一个输入。例如，用户将在余额框中输入一个金额，然后在“金额1”或“金额2”中输入的任何内容都将使另一个框与余额相等。我希望这不会太令人困惑

以下是我目前的情况：

$('input[id*="amount"]').bind("blur", function() {
    var balance = $('#balance').val()
       ,amount1 = $('#amount-1').val()
       ,amount2 = $('#amount-2').val()
       ,inputVal = $(this).val();

    if(amount1 + amount2 != balance){
        $(this).closest('input[id*="amount"]').val(balance-inputVal);
    }
});

我尝试使用next（），但运气不佳；最近的（）只填充当前选定的输入，而我希望填充相反的输入。谢谢你的帮助

以下是HTML：

<div class="form-row">
    <label for="balance">Balance Due</label>
    <input type="text" size="20" id="balance" name="balance" />
</div>
<div class="form-row">
    <label for="amount-1">Amount 1</label>
    <input type="text" size="20" id="amount-1" name="amount-1" />
</div>
<div class="form-row">
    <label for="amount-2">Amount 2</label>
    <input type="text" size="20" id="amount-2" name="amount-2" />
</div>

尚欠余额
金额1
金额2

我觉得您需要这个解决方案

if(amount1 + amount2 != balance){
        $('input[id*="amount"]').not(this).val(balance-inputVal);
    }

请试试这个

---

我们能看到正在运行的页面吗？@andrew buchan抱歉，不，它在我的本地机器上。