获取多个 input(个数不定,随机生成) 的值,并 相加 后 赋值给 id为 Num_All 的input控件,请问怎么实现啊?谢谢!!! 值1:<input name="Num_1" type="text" id="Num_1" value="55"/>
值2:<input name="Num_2" type="text" id="Num_2" value="7"//>
...
....
... 总值:<input name="Num_All" type="text" id="Num_All" />
值2:<input name="Num_2" type="text" id="Num_2" value="7"//>
...
....
... 总值:<input name="Num_All" type="text" id="Num_All" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
值1:<input name="Num_1" type="text" id="Num_1" value="55"/>
值2:<input name="Num_2" type="text" id="Num_2" value="7"/>
值3:<input name="Num_1" type="text" id="Num_1" value="55"/>
值4:<input name="Num_2" type="text" id="Num_2" value="7"/>
总值:<input name="Num_All" type="text" id="Num_All" />
<input type="button" value="总和" id="btn" /><script>
document.getElementById('btn').onclick = function(){
var inps = document.getElementsByTagName('input'),
len = inps.length,num = 0;
for(var i = 0; i < len; i++){
if(inps[i].id != 'Num_All' && inps[i].id != 'btn'){
num += +inps[i].value;
}
}
document.getElementById('Num_All').value = num;
};
</script></body>
</html>
忘了说明一个情况;
页面上也有其他表单内的 input 控件是不参与 相加 操作的。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
值1:<input name="Num_1" type="text" class="num" id="Num_1" value="55"/>
值2:<input name="Num_2" type="text" class="num" id="Num_2" value="7"/>
值3:<input name="Num_1" type="text" class="num" id="Num_1" value="55"/>
值4:<input name="Num_2" type="text" class="num" id="Num_2" value="7"/>
总值:<input name="Num_All" type="text" id="Num_All" />
<input type="button" value="总和" id="btn" /><script>
document.getElementById('btn').onclick = function(){
var inps = document.getElementsByTagName('input'),
len = inps.length,num = 0;
for(var i = 0; i < len; i++){
if(inps[i].className == 'num'){
num += +inps[i].value;
}
}
document.getElementById('Num_All').value = num;
};
</script></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
值1:<input name="Num_1" type="text" id="Num_1" value="55"/>
值2:<input name="Num_2" type="text" id="Num_2" value="7"/>
值3:<input name="Num_1" type="text" id="Num_1" value="55"/>
值4:<input name="Num_2" type="text" id="Num_2" value="7"/>
总值:<input name="Num_All" type="text" id="Num_All" />
<input type="button" value="总和" id="btn" /><script>
document.getElementById('btn').onclick = function(){
var inps = document.getElementsByTagName('input'),
len = inps.length,num = 0;
for(var i = 0; i < len; i++){
if(inps[i].id != 'Num_All' && inps[i].id != 'btn'){
num += +inps[i].value;
}
}
document.getElementById('Num_All').value = num;
};
</script></body>
</html>