如何计算两个输入表单字段并将值放入另一个而不使用jquery提交表单？

Question

我知道这是一个非常基本的问题,但我坚持这个.我有两个输入框,我想计算这些输入,并立即将结果显示到另一个输入(第三个),而无需提交按钮.我的意思是,一旦我开始将值输入到输入中,结果将显示在第3个输入中,它代表结果...

<input type="text" class="input value1">
<input type="text" class="input value2">
<input type="text" disabled="disabled" id="result">

<script>
 $(document).ready(function(){
      var val1 = $(".value1").val();
      var val2 = $(".value2").val();
      $(".input").keyup(function(){
         $("#result").text(val1+val2);
       });
});
</script>

Answer 1

将val1和val2放在keyup语句中.

$(document).ready(function(){
    $(".input").keyup(function(){
          var val1 = +$(".value1").val();
          var val2 = +$(".value2").val();
          $("#result").val(val1+val2);
    });
});

看小提琴:http://jsfiddle.net/g7zz6/