使用jquery在keyup上减去值

我的表格中有以下输入。 total （输入名称）和balance （输入名称）的值相同。 当任何用户在输入中输入paid_amount的值时，我想自动从total中减去paid_amount值，并将结果作为balance值放入输入中。

你能告诉我如何使用jquery做到这一点。

谢谢

 <input type="text" name="total" id="total" value="" />  <input type="text" name="balance" id="balance" value="" /> 

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/