如何用js 将三个input的值获取相加并放到另一个input里

如题所述

举报该文章

第1个回答 2017-06-27

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" class="input-element">+
<input type="text" class="input-element">+
<input type="text" class="input-element">
<button id="run">=</button>
<input type="text" id="output-element">

<script>
document.querySelector("#run").addEventListener('click', function () {
let count = 0;
document.querySelectorAll('.input-element').forEach( function(element, index) {
count += (element.value - 0); // 类型转换
});
document.querySelector("#output-element").value = count;
}, false);
</script>
</body>
</html>

难点在于类型转换这只是其中一种解决方案

第2个回答 2012-11-07

<input type='text' id='a' >
<input type='text' id='b' >
<input type='text' id='c' >
<input type='text' id='d' >
<input type='button' value='计算' onclick="add()">
js代码：
function add(){
var a = document.getElementById("a").value;
var b= document.getElementById("b").value;
var c= document.getElementById("c").value;

try{
document.getElementById("d").value = parseInt(a)+parseInt(b)+parseInt(c);
}catch(e){
alert("输入的数值有误");
}
}追问

加载页面时，三个input自动相加,并把相加的值赋给另一个input,相加的值是有带小数点的。

追答

那就改成
document.getElementById("d").value = a+b+c;

本回答被网友采纳

第3个回答 2017-06-24

<input type="text" class="input_num">
<input type="text" class="input_num">
<input type="text" class="input_num">
<input type="text" class="input_sum">
<input type="button"  id="btn" value="计算求和">
var InputNum = document.getElementsByClassName("input_num");
var InputSum = document.getElementsByClassName("input_sum")[0];
document.getElementById("btn").onclick = function(){
    var sum = 0;
    for(var i=0;i<InputNum.length;i++){
        sum+= +InputNum[i].value;
    }
    InputSum.value = sum;
}

第4个回答 2017-06-23

获取3个input的值转成float或者int，然后定义变量赋值，将这个值赋给最后个input啊很简单的东西啊

第5个回答 2015-10-16

var a=$("input[name=1]").val();
var b=$("input[name=2]").val();
var c=$("input[name=3]").val();

$("input[name=3]").val(a+b+c);

相似回答

大家正在搜