【问题标题】:in multiple input field enter the different numbers how can add automatically in javascript在多个输入字段中输入不同的数字如何在javascript中自动添加
【发布时间】:2016-07-01 23:03:45
【问题描述】:

在多个输入字段中输入不同的数字如何在javascript中自动添加

如何在javascript中找到不同数字的不同输入字段的总和。

“输入字段是n个数字..:”并且这个输入字段我使用克隆功能

只考虑与文本字段无关的数字字段 almost this model 注意:但我的情况是这里的名称和ID不同

我该怎么办? 请帮帮我..

【问题讨论】:

    标签: javascript


    【解决方案1】:

    您可以在所有需要求和的输入上设置onchange 事件

    <input class="sum" onchange="add()" />
    

    并且可以将总和添加到总输入中,如下所示

    function add(){
     total= 0;
     sum =document.getElementsByClassName("sum");
     for(a=0;a<sum.length;a++)
       {
         console.log(sum[a].value);
       total += parseInt(sum[a].value || 0);
      }
      document.getElementById("total").value = total;
    }
    

    代码/演示:

    function add(){
     total= 0;
     sum =document.getElementsByClassName("sum");
     for(a=0;a<sum.length;a++)
       {
         console.log(sum[a].value);
       total += parseInt(sum[a].value || 0);
      }
      document.getElementById("total").value = total;
    }
    One   <input class="sum" onchange="add()" /><br/>
    Two  <input class="sum" onchange="add()" /><br/>
    Three <input class="sum" onchange="add()" /><br/>
    Four  <input class="sum" onchange="add()" /><br/>
    Total   <input id="total"  /><br/>

    【讨论】:

    • 如何在不同的 id 和 name 中使用这个?有可能吗?
    • @user5945137 你能再解释一下你的问题吗?没明白你的意思:)
    猜你喜欢
    • 2023-01-17
    • 1970-01-01
    • 1970-01-01
    • 2021-11-04
    • 2014-01-03
    • 1970-01-01
    • 2016-03-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多