Sum çeşitli giriş tipi sayıların değeri ve diğer div sayısı çeşitli giriş tipi numarasının tüm değerleri toplamak ve görüntülemek istediğiniz gerçek zamanlı

Question

toplam sayısını görüntülemek

Bu html kodu giriş değerleri (Onlar bir tablo içindeyken)

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

Ve bu toplam sayısını gösterir div html geçerli:

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

Yani ben 6 girdilerin tüm değerleri eklemek istediğiniz inci bende var. 6 değer veya sadece bir tane olabilir. Gerçek zamanlı olarak sonucu görüntülemek, sanırım,

ben eklemek için bu javascript funtion kullanıyorum, ancak sorun şu:

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

Sen fonksiyonu dışında toplam tanımlamanız gerekir.

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

ait