合計さまざまな入力タイプ番号の値と合計数を表示し、リアルタイムで

Question

私はこれがためのhtmlコードでさまざまな入力タイプ番号のすべての値を合計し、他のdivに

を合計数を表示したいです入力値（彼らは、テーブル内にある）

<div class="table-responsive"> 
            <table class="table"> 
             <thead> 
             <tr> 
              <th></th> 
              <th>#</th> 
              <th>Tamanhos</th> 
              <th>Peças por Tamanho</th> 
             </tr> 
             </thead> 
             <tbody> 
             <tr> 
              <th><div class="checkbox"> 
                <label><input type="checkbox" id='regular' name="optradio1"></label> 
               </div> 
              </th> 
              <td scope="row">1</td> 
              <td>XS</td> 
              <td><input type="number" name="pecas" placeholder="Peças por Tamanho" class="form-username form-control" onkeypress="myFunction(this.value)"></td> 
             </tr> 
             <tr> 
              <th><div class="checkbox"> 
                <label><input type="checkbox" id='regular' name="optradio2"></label> 
               </div> 
              </th> 
              <td scope="row">2</td> 
              <td>S</td> 
              <td><input type="number" name="pecas" placeholder="Peças por Tamanho" min="0" class="form-username form-control" onchange="myFunction(this.value)"></td> 
             </tr> 
             <tr> 
              <th><div class="checkbox"> 
                <label><input type="checkbox" id='regular' name="optradio3"></label> 
               </div> 
              </th> 
              <td scope="row">3</td> 
              <td>M</td> 
              <td><input type="number" name="pecas" placeholder="Peças por Tamanho" min="0" class="form-username form-control" onchange="myFunction(this.value)"></td> 
             </tr> 
             <tr> 
              <th><div class="checkbox"> 
                <label><input type="checkbox" id='regular' name="optradio4"></label> 
               </div> 
              </th> 
              <td scope="row">4</td> 
              <td>L</td> 
              <td><input type="number" name="pecas" placeholder="Peças por Tamanho" min="0" class="form-username form-control" onchange="myFunction(this.value)"></td> 
             </tr> 
             <tr> 
              <th><div class="checkbox"> 
                <label><input type="checkbox" id='regular' name="optradio5"></label> 
               </div> 
              </th> 
              <td scope="row">5</td> 
              <td>XL</td> 
              <td><input type="number" name="pecas" placeholder="Peças por Tamanho" min="0" class="form-username form-control" onchange="myFunction(this.value)"></td> 
             </tr> 
             <tr> 
              <th><div class="checkbox"> 
                <label><input type="checkbox" id='regular' name="optradio6"></label> 
               </div> 
              </th> 
              <td scope="row">6</td> 
              <td>XXL</td> 
              <td><input type="number" name="pecas" placeholder="Peças por Tamanho" min="0" class="form-username form-control" onchange="myFunction(this.value)"></td> 
             </tr> 
             </tbody> 
            </table> 

そして、これは合計数が表示されますdiv要素のHTMLです：だから私は6つの入力のすべての値を追加したい

<div class="form-group" id="divID"> 
            Numero Total de Peças: 
           </div> 

をth私は持っています。 6つの値か、ただ1つの値にすることができます。

私は追加するには、このjavascriptの目的球を使用していますが、問題がある、私はリアルタイムで結果を表示する、とします

function myFunction(value2){ 

     var display = document.getElementsByName('divID'); 
     var tot=0; 
     for(var i=0;i<value2.length;i++){ 
      if(parseInt(value2[i].value)) 
       tot += parseInt(value2[i].value); 
     } 
    } 

Answer 1

あなたは、あなたの関数の外の合計を定義する必要があります。

var tot=0; 
function myFunction(c){  
    tot += parseInt(c) ? parseInt(c) : 0; 
    document.getElementsById('divID').innerHTML = tot.toString(); 
} 

の