[Javascript] Somma di input dinamici

apuuuu · 15 Mar 2018

Buongiorno
trovato script per la generazione di input con valore progressivo, ho la necessità di sommare i valori dell'input prezzo.
Qualche suggerimento?

Codice:

 <SCRIPT language="javascript">          function addRow(tableID) { 
 
            var table = document.getElementById(tableID); 
 
            var rowCount = table.rows.length; 
            var row = table.insertRow(rowCount); 
            var prog = rowCount
            
            var cell1 = row.insertCell(0); 
            var element1 = document.createElement("input"); 
            element1.type = "checkbox"; 
            cell1.appendChild(element1); 
 
            var cell2 = row.insertCell(1); 
            
 
            var cell3 = row.insertCell(2); 
            var element2 = document.createElement("input"); 
            element2.type = "text"; 
            element2.name = "Descrizione"+ prog ;
            cell3.appendChild(element2); 
 
            var cell4 = row.insertCell(3); 
            var element3 = document.createElement("input");
            element3.type = "text"; 
            element3.name = "Prezzo" + prog ;             
            cell4.appendChild(element3); 
            
               } 
 


        function deleteRow(tableID) { 
            try { 
            var table = document.getElementById(tableID); 
            var rowCount = table.rows.length; 
 
            for(var i=0; i<rowCount; i++) { 
                var row = table.rows[i]; 
                var chkbox = row.cells[0].childNodes[0]; 
                if(null != chkbox && true == chkbox.checked) { 
                    table.deleteRow(i); 
                    rowCount--; 
                    i--; 
                } 
 
            } 
            }catch(e) { 
                alert(e); 
            } 
        } 
 
    </SCRIPT> 
    </head>
<body>
<h1>&nbsp;&nbsp;&nbsp; Aggiungi righe</h1>


&nbsp;<INPUT type="button" value="Aggiungi una Riga" onclick="addRow('dataTable')" /> 
 
    <INPUT type="button" value="Cancella una Riga" onclick="deleteRow('dataTable')" />&nbsp;


 
    <TABLE id="dataTable" width="350px" border="1"> 
        <TR> 
            <TD><INPUT type="checkbox" name="chk"/></TD> 
            <TD > </TD> 
            <TD> <INPUT type="text" name="Descrizione" /> </TD> 
            <TD> <INPUT type="text" name="Prezzo" /> </TD>     
      
                  
        </TR>        <TR>       </TR> 
    </TABLE>

macus_adi · 18 Mar 2018

apuuuu ha scritto:
<TD> <INPUT type="text" name="Prezzo" /> </TD>

HTML:

<TD> <INPUT type="text" class="my_sum" name="Prezzo" /> </TD>    

....
<tfoot>
<tr>
<th colspan=3 id="somma">
</th>
</tr>
</tfoot>
</table>

<script>
$(document).ready(function(){
var sum=0;
$('.my_sum').each(function(v,k){
    sum+=get_sum($(k));
});
$('#somma").html(sum);
function get_sum(input,somma){
return somma+input.val();
}
});
</script>

Cerca

Cerca

[Javascript] Somma di input dinamici

apuuuu

Nuovo Utente

macus_adi

Utente Attivo

Discussioni simili