Question

js取出div下所有input值 并求和

<div id="test">
<input type="hidden" value="1"/>
<input type="hidden" value="5"/>
<input type="hidden" value="2"/>
......

</div>
怎么把该div下所有input的值通过js计算求和并输出？

Answer 1

<div id="test">
    <input type="hidden" value="1"/>
    <input type="hidden" value="5"/>
    <input type="hidden" value="2"/>
    ......
</div>

原生js

var testDiv = document.getElementById('test');//找到div
var inputs = testDiv.getElementsByTagName('input');//找到这个div里面所有的input

var val = 0;
for(var i=0,ii=inputs.length; i<ii; i++){
  val +=  +inputs[i].value;//值转换为number，然后相加
}
alert(val);

jquery

var inputs = $('#test input');//找到div里面所有的input
var val = 0;
inputs.each(function(){
  val +=  + this.value;//值转换为number，然后相加
});
alert(val);

Answer 2

给你个思路，在function中，利用循环，取出document中所有div:test 的input 的值，然后相加

Answer 3

window.onload =function(){
var test = document.getElementById('test');

var inputs = test.getElementsByTagName('input');

var sum = 0;

for(var i = 0; i < inputs.length; i++) {
sum += parseInt(inputs[i].value);
}

alert(sum);

}