jquery - jqueryを使用してキーアップで値を減算する

Question

フォームに次の入力があります。total(入力名) と(入力名)の値はbalance同じです。ユーザーが payed_amount の値を入力に入れると、合計から payed_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);
});​

デモ: 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));
});​

デモ: http://jsfiddle.net/f6Ggk/1/