input获取所相加的值显示到一个input中多个input中的值相加求和_获取 input 中的值,点击计算按钮,执行函数 showcount,计算两个input 的和,显-CSDN博客

博客介绍了实现input框相加求和并实时更新结果的方法。通过为input框添加onkeyup事件，在js代码中获取各input框的值，对空值进行处理后相加，将结果赋给用于显示和的input框，还提及不同页面展示的处理方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先建一个input框加入onkeyup（） 事件，如果有多个input框，则 onkeyup（） 名字相同，例如都叫 sumadd(this)

      <div class="col-sm-7">
           <input type="text" name="cntk" value="${cG25.cntk!}" id="cntk"
              onkeyup="sumadd(this)"
              onblur="platform_verify.onblurVali(this);">
       </div>

js代码

var sumadd = function () {
var cntc = document.getElementById(“cntc”); /* 获取input中id值*/
var cntd = document.getElementById(“cntd”);
var cnte = document.getElementById(“cnte”);
var personcnt = document.getElementById(“personcnt”);

if (cntc.value == ‘’) { // if判断
var a1 = 0;
} else {
var a1 = parseInt(cntc.value);
}
if (cntd.value == ‘’) {
var a2 = 0;
} else {
var a2 = parseInt(cntd.value);
}
if (cnte.value == ‘’) {
var a3 = 0;
} else {
var a3 = parseInt(cnte.value);
}
}
personcnt.value = a1 + a2 + a3 + a4 + a5 + a6 + a7 + a8 + a9;