gpt4 book ai didi

javascript - HTML 表单 :input calculate 2 fields

转载 作者:行者123 更新时间:2023-12-03 04:25:34 26 4
gpt4 key购买 nike

我正在为我的表单使用 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 个输入?

最佳答案

给你

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/

关于javascript - HTML 表单 :input calculate 2 fields,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43754236/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com