可以通过input标签的ID或者是class，或者是其他的标志，获得input的value值。
示例代码：
HTML部分：
<input type="text" name="" id="aa" value="23">
<input type="text" name="" id="bb" value="23">
<input type="text" name="" id="cc" value="23">
<input type="text" name="" id="dd" >
JS部分：
$(function(){
var aa = $('#aa').attr("value");
var bb = $('#bb').attr("value");
var cc = $('#cc').attr("value");
var dd = Number(aa)+Number(bb)+Number(cc);
$('#dd').attr("value",dd);
});
扩展资料：
1、js代码需要引入jquery.js文件。
2、$("#id").attr("value","你想要赋的值")
3、要在html加载完成之后
$(function(){
// do some thing...
});
1、获取input里面的值，转化为整型数字或者需要的类型
</br>1<input id="num1" /></br>
2<input id="num2" /></br>
3<input id="num3" /></br>
4<input id="num4" /></br>
<input type="button" Onclick="sum();" value="相加"/>
<script>
function sum(){
var num1=parseInt(document.getElementById("num1").value);
var num2=parseInt(document.getElementById("num2").value);
var num3=parseInt(document.getElementById("num3").value);
var num4=document.getElementById("num4");
num4.value=(num1+num2+num3);
}
</script>
2、运行效果
效果图
完整的参考代码和注释
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
input{/*设置文本框的宽度*/
width: 60px;
}
</style>
<body>
<div>
<input type="text" value="" />+
<input type="text" value="" />+
<input type="text" value="" />
<button type="button" id="dy">=</button>
<input type="text" value="" /><br />
</div>
<script>
var oBtn = document.getElementById("dy");
var aNum = document.getElementsByTagName("input");
oBtn.onclick = function () {//当等于按钮被点击时
var d=0;
for(var i = 0;i<aNum.length-1;i++){//循环前面3个文本框
d+=parseFloat(aNum[i].value);//累加
}
aNum[aNum.length-1].value=d;//把结果填到最后一个文本框
};
</script>
</body>
</html>
也不说清楚是数字相加还是字符串相加
数字相加：
<div id="sr"><input type="number" />
<input type="number" />
<input type="number" />
</div>
<input id="result" type="number" />
<button type="button" onclick="jiafa()">加法</button>
<script>
function jiafa()
{
var sr = document.getElementById("sr").getElementsByTagName("input");
var Result = 0;
for (var i = 0; i < sr.length; i++) {
Result += parseInt(sr[i].value);
}
document.getElementById("result").value = Result;
}
</script>
字符串相加：
<div id="sr"><input type="text" />
<input type="text" />
<input type="text" />
</div>
<input id="result" type="text" />
<button type="button" onclick="jiafa()">加法</button>
<script>
function jiafa()
{
var sr = document.getElementById("sr").getElementsByTagName("input");
var Result="";
for (var i = 0; i < sr.length; i++) {
Result += sr[i].value;
}
document.getElementById("result").value = Result;
}
</script>
如下：有四个input
<input type='text' value='绿叶'/><input type='text' value='学习'/>
<input type='text' value='平台'/>
<input type='text' value=''/> <!--这是需要相加总和的值-->Javascript 代码
//首先需要将前三个文本框的值相加 使用如下操作
//获取四个input的值 遍历input元素
var aInput=document.getElementsByTagName('input')
for(var i=0;i<(aInput.length-1);i++){
var str+=aInput[i].value;
};
aInput[aInput.length-1].value=str;
如何用js 将三个input的值获取相加并放到另一个input里
可以通过input标签的ID或者是class，或者是其他的标志，获得input的value值。示例代码：HTML部分：<input type="text" name="" id="aa" value="23"> <input type="text" name="" id="bb" value="23"> <input type="text" name="" id="cc" value="23"> <input type="text" name=""...
js 如何将三个input 自动相加并赋于另一个input里面显示
1、获取三个Input的值 var ip1 = document.getElementById('ipt1').value;\/\/第一个Input的值var ip2 = document.getElementById('ipt2').value;\/\/第二个Input的值var ip3 = document.getElementById('ipt3').value;\/\/第三个Input的值2、拼接三个input内容，复制到另一个Input中 var pj ...
如何实现input取值并相乘后赋值给另一个input?
(function(){ var price = 20; $('#numb').keyup(function(){ $('#total').val($(this).val()*price); }); });<body> 数量:<input type="text" id="numb" > <br \/> 总价：<input type="text" id="total" readonly = "readonly" \/><\/body> ...
如何用js将一个input的值放到另一个input里
用 $("#id").attr("value","你想要赋的值")然后，有两个注意点1.要引入jquery.js文件2.$("#id").attr("value","你想要赋的值")要在html加载完成之后 (function(){$("#id").attr("value","你想要赋的值");\/\/ do some thing...});...
...input后,获取相应span值并且自动相加显示在另一个span里面,然后把单 ...
<script type="text\/javascript"> var allinput=document.getElementsByTagName('input');function getNextElement(node){ var next=node.nextSibling;return (next.nodeType==1)?next:getNextElement(next);} for(var i=0;i<allinput.length;i++){ allinput[i].onclick=function(){ var sum=0...
如何让js获取多个input的value的值
1、首先打开vs code编辑器，然后创建一个html页面。2、创建一个input的标签，添加一个id，命名为“txt”，值为“你好”。3、添加script标签，然后写入相关的js代码，如下图。4、代码写完之后在空白处点击右键，选择Open In Default Broswer。5、可以看到，浏览器自动弹出了input里面的值，这证明我们通过...
js怎么替换input输入的内容
先获取输入的内容，再把处理后的内容赋给input。可以在input的输入事件当中，获取当前input的值。比如在input,keyup,blur等事件中，通过"this.value"获取input当前的值，经过程序处理后重新赋值给当前的input。
js如何将一个input的值赋值给另一个input
可以使用如下代码实现：<input type="text" id="name1" \/><input type="text" id="name2"\/><script>var value=document.getElementById("name1").value;document.getElementById("name2").value=value;<\/script> 整段代码如下：js拓展知识：js最初是一门为了网页交互而设计的语言，一个完整的...
js 如何触发input number 的内置加减方法?
使用 JavaScript 调用 input 元素的 stepUp() 和 stepDown() 方法：input 元素有两个内置方法 stepUp() 和 stepDown()，可以用来增加和减少 input 的值，例如：\/\/ 获取 input 元素 var inputElement = document.getElementById('myInput');\/\/ 增加值 inputElement.stepUp();\/\/ 减少值 input...
jQuery实现获取多个input输入框的值,并存放在一个数组里
结果：JSON.stringify(a)"{"a":1,"b":2}"4.5. 在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval()函数。2. 第二种解析方式就是使用Function对象来完成，它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据 data的解析。dateType:json; 在php ...
