使两个量输入等于模糊时的平衡输入

时间:2013-07-24 02:18:40

标签: jquery payment

尝试让两个输入等于另一个输入。例如,用户将在余额框中输入金额,然后输入“金额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>

1 个答案:

答案 0 :(得分:0)

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

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

请尝试使用此

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