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

Question

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

<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);
    });
});

查看 fiddle :http://jsfiddle.net/g7zz6/