页面中有多个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。

解决方案 »

  1.   

    var ele=document.getElementsByName('quantity');
    var sum=0;
    for(int i=0;i<ele.length;i++)
        sum=sum+ele[i].value;
    document.write(sum);
      

  2.   

    <html><head>
    <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>
      

  3.   

    怪我没讲清楚,楼上的代码只能在刷新的时候计算一次总和,而我的意思是:在网页上实时修改各个input数值的,总和值跟着变假设可以有这么一项:<div id="heji"></div>当修改的时候,<div id="heji">里面的内容即时显示新的总和。
      

  4.   

    那只能每个input 加上 onchange事件了、
      

  5.   

    <html><head>
    <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>