首先建一个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;
其中 personcnt是获取和的input的id
完成后的效果,会根据输入不同的值实时更新 (如果在不同的页面展示,可以隐藏求和的input,在后台传值)