javascript - HTML 表单 :input calculate 2 fields

Question

我正在为我的表单使用 spring mvc，它具有标签

<form:input type="number" class="value1" id="value1" path="commandName.object.field1" />
<form:input type="number" class="value1" id="value1" path="commandName.object.field2" />

<input type="text" disabled="disabled" id="result" />

我读了一些有关计算的问题，甚至发现了一个 js fiddle :

http://jsfiddle.net/g7zz6/1125/

how do i calculate 2 input fields and put results in 3rd input field

但当输入标签为form:input时则不起作用。是否可以在键入时自动计算 2 个表单:输入字段并更新第 3 个输入？

Answer 1

给你

HTML

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

JS

$(document).ready(function(){
$('input[type="text"]').keyup(function () {
  var val1 = parseInt($('.value1').val());
  var val2 = parseInt($('.value2').val());
          var sum = val1+val2;
          $("input#result").val(sum);
});
});

fiddle https://jsfiddle.net/1sbvfzcc/