获取多个 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" />
 
 

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <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>
      

  2.   

    非常感谢  MuBeiBei  !!
    忘了说明一个情况;
        页面上也有其他表单内的 input 控件是不参与 相加 操作的。
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <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>
      

  4.   

    用我后发的这个你把要参与计算的input加上一个class="num"就行了
      

  5.   

    可以了,非常感谢 MuBeiBei,能给留个QQ之类的通信信息吗? 崇拜您啊!!!
      

  6.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <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>