使兩個數量輸入等於模糊上的餘額輸入

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（），沒有運氣;當我希望填充相反的輸入時，nearest（）只填充當前選定的輸入。感謝任何幫助。

下面是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/