使用jquery刪除keyup上的值

Question

我的表單中有以下輸入。 total（輸入名稱）和balance（輸入名稱）的值相同。當任何用戶在輸入中輸入paid_amount的值時，我想自動從總數中減去paid_amount值，並將結果作爲balance的值輸入到輸入中。

你能告訴我如何使用jQuery來做到這一點。

感謝

<input type="text" name="total" id="total" value="<?php echo $total;?>" /> 

<input type="text" name="paid_amount" id="paid_amount" value="" /> 

<input type="text" name="balance" id="balance" value="<?php echo $total;?>" /> 

Answer 1

$('#paid_amount').on('keyup', function() { 
    if($.trim(this.value).length) { 
    var balance = parseFloat($('#total').val()).toFixed(2) - 
        parseFloat(this.value).toFixed(2); 
    $('#balance').val(balance); 
    } 
}); 

Answer 2

$("#paid_amount").on("keyup", function() { 
    var val = +this.value || 0; 
    $("#balance").val($("#total").val() - val); 
});​ 

DEMO：http://jsfiddle.net/f6Ggk/

---

要設置精度可以使用toFixed()：

$("#paid_amount").on("keyup", function() { 
    var val = +this.value || 0; 
    var result = $("#total").val() - val; 
    $("#balance").val(result.toFixed(2)); 
});​ 

DEMO：http://jsfiddle.net/f6Ggk/1/