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

Question

试图让两个输入相等。例如，用户在余额框中输入一个金额，然后在“金额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() 没有运气；当我想填充相反的输入时，closest() 只会填充当前选择的输入。感谢任何帮助。

这是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>

Answer 1

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

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

请试试这个

http://jsfiddle.net/ashukasama/n23mB/