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形式：在keyin上输入字段并更新第3个输入？

Answer 1

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="input value1" value="20">
<input type="text" class="input value2" value="30">
<input type="text" disabled="disabled" id="result">

请检查代码，这可能有助于您了解代码无效的原因。您正在使用文档就绪功能，该功能无法获取值作为输入框的默认值。我添加了一个新的模糊函数，它将计算输入框更改时的值

Answer 2

试试这个[ "firstGroup": [ "A": [{ id: 1, slug: "abakan", name: "Абакан" }, { id: 4, slug: "almetevsk", name: "Альметьевск" }, ], "B": [{ id: 11, slug: "barnaul", name: "Барнаул" }, { id: 13, slug: "belgorod", name: "Белгород" }, ] ], "secondGroup": [ "B": [{ id: 19, slug: "bryansk", name: "Брянск" }, ] ] ]标记语法错误

＆＃13;

form

＆＃13;

$('form').on('keyup' ,'.value1', function(){
var k=0;
$('.value1').each(function(){
 k +=parseFloat($(this).val()|0);
})
$('input:text').val(k)
})

＆＃13;

Answer 3

你去吧

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

小提琴https://jsfiddle.net/1sbvfzcc/

HTML表单：输入计算2个字段

3 个答案: