页面中有多个input,形如:<input type="text" name="quantity" value="3">
<input type="text" name="quantity" value="5">
<input type="text" name="quantity" value="9">
<input type="text" name="quantity" value="13">等等
现在要做的是,如何得到他们的合计值,也就是取出他们各自的Value的和。用JS。
<input type="text" name="quantity" value="5">
<input type="text" name="quantity" value="9">
<input type="text" name="quantity" value="13">等等
现在要做的是,如何得到他们的合计值,也就是取出他们各自的Value的和。用JS。
var sum=0;
for(int i=0;i<ele.length;i++)
sum=sum+ele[i].value;
document.write(sum);
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>求和</title>
</head><body>
<input type="text" name="quantity" value="3">
<input type="text" name="quantity" value="5">
<input type="text" name="quantity" value="9">
<input type="text" name="quantity" value="13">
<script>
var objs = document.getElementsByName("quantity");
var total = 0;
for(var i = 0; i<objs.length;i++){
total+=parseInt(objs[i].value);
}
alert(total);
</script>
</body></html>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>求和</title>
</head><body>
<input type="text" name="quantity" value="3">
<input type="text" name="quantity" value="5">
<input type="text" name="quantity" value="9">
<input type="text" name="quantity" value="13">
<div id="heji"> </div>
<script type="text/javascript">
document.body.onload = function() {
var objs = document.getElementsByName("quantity"), total = 0;
for (var i = 0, count = objs.length; i < count; i++) {
objs[i].onkeyup = function() {
total = 0;
for (var i = 0, count = objs.length; i < count; i++) {
total += parseInt(objs[i].value);
}
document.getElementById('heji').innerText = total;
}
}
}
</script>
</body></html>