Skip to main content
Se agregan acentos graves para resaltar palabras clave.
Origen Enlace

Tengo varios inputinput en HTMLHTML que tienen valores numéricos de la base de datos en lenguaje PHPPHP y un inputinput al final que debería imprimir el valor de los inputsinputs sumados, quiero que sumen los valores de los inputsinputs con javascriptjavascript sin nesecidadnecesidad del onkeyuponkeyup y cuando cargue la pagina.

function sum() {
            var acarreo = document.getElementById('acarreo[]').value;
            var pagocond = document.getElementById('pagocond[]').value;
            var via = document.getElementById('via[]').value;
            var peaje = document.getElementById('peaje[]').value;
            var combust = document.getElementById('combust[]').value;
            var result = parseFloat(acarreo)-( parseFloat(pagocond)+ parseFloat(via)+ parseFloat(peaje)+ parseFloat(combust));
            if (!isNaN(result)) {
                document.getElementById('txt3').value = result;
            }
         }
                <td><input type="text" size="5" onkeyup="sum();" name="acarreo[]" id="acarreo[]" value="<?php echo $acarreo=$row['acarreo']?>" title="ACARREO"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="pagocond[]" id="pagocond[]" value="<?php echo $pagocond=$row['pagocond']?>" title="PAGO DE CONDUCTOR"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="via[]"  id="via[]" value="<?php echo $via=$row['via']?>" title="VIATICO"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="peaje[]" id="peaje[]" value="<?php echo $peaje=$row['peaje']?>" title="PEAJE"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="combust[]" id="combust[]" value="<?php echo $combust=$row['combust']?>" title="COMBUSTIBLE"></td>
                <td><input type="text" id="txt3"  readonly/></td>

Tengo varios input en HTML que tienen valores numéricos de la base de datos en lenguaje PHP y un input al final que debería imprimir el valor de los inputs sumados, quiero que sumen los valores de los inputs con javascript sin nesecidad del onkeyup y cuando cargue la pagina.

function sum() {
            var acarreo = document.getElementById('acarreo[]').value;
            var pagocond = document.getElementById('pagocond[]').value;
            var via = document.getElementById('via[]').value;
            var peaje = document.getElementById('peaje[]').value;
            var combust = document.getElementById('combust[]').value;
            var result = parseFloat(acarreo)-( parseFloat(pagocond)+ parseFloat(via)+ parseFloat(peaje)+ parseFloat(combust));
            if (!isNaN(result)) {
                document.getElementById('txt3').value = result;
            }
         }
                <td><input type="text" size="5" onkeyup="sum();" name="acarreo[]" id="acarreo[]" value="<?php echo $acarreo=$row['acarreo']?>" title="ACARREO"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="pagocond[]" id="pagocond[]" value="<?php echo $pagocond=$row['pagocond']?>" title="PAGO DE CONDUCTOR"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="via[]"  id="via[]" value="<?php echo $via=$row['via']?>" title="VIATICO"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="peaje[]" id="peaje[]" value="<?php echo $peaje=$row['peaje']?>" title="PEAJE"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="combust[]" id="combust[]" value="<?php echo $combust=$row['combust']?>" title="COMBUSTIBLE"></td>
                <td><input type="text" id="txt3"  readonly/></td>

Tengo varios input en HTML que tienen valores numéricos de la base de datos en lenguaje PHP y un input al final que debería imprimir el valor de los inputs sumados, quiero que sumen los valores de los inputs con javascript sin necesidad del onkeyup y cuando cargue la pagina.

function sum() {
            var acarreo = document.getElementById('acarreo[]').value;
            var pagocond = document.getElementById('pagocond[]').value;
            var via = document.getElementById('via[]').value;
            var peaje = document.getElementById('peaje[]').value;
            var combust = document.getElementById('combust[]').value;
            var result = parseFloat(acarreo)-( parseFloat(pagocond)+ parseFloat(via)+ parseFloat(peaje)+ parseFloat(combust));
            if (!isNaN(result)) {
                document.getElementById('txt3').value = result;
            }
         }
                <td><input type="text" size="5" onkeyup="sum();" name="acarreo[]" id="acarreo[]" value="<?php echo $acarreo=$row['acarreo']?>" title="ACARREO"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="pagocond[]" id="pagocond[]" value="<?php echo $pagocond=$row['pagocond']?>" title="PAGO DE CONDUCTOR"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="via[]"  id="via[]" value="<?php echo $via=$row['via']?>" title="VIATICO"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="peaje[]" id="peaje[]" value="<?php echo $peaje=$row['peaje']?>" title="PEAJE"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="combust[]" id="combust[]" value="<?php echo $combust=$row['combust']?>" title="COMBUSTIBLE"></td>
                <td><input type="text" id="txt3"  readonly/></td>

Origen Enlace

¿Cómo sumas varios inputs de forma automática con javascript?

Tengo varios input en HTML que tienen valores numéricos de la base de datos en lenguaje PHP y un input al final que debería imprimir el valor de los inputs sumados, quiero que sumen los valores de los inputs con javascript sin nesecidad del onkeyup y cuando cargue la pagina.

function sum() {
            var acarreo = document.getElementById('acarreo[]').value;
            var pagocond = document.getElementById('pagocond[]').value;
            var via = document.getElementById('via[]').value;
            var peaje = document.getElementById('peaje[]').value;
            var combust = document.getElementById('combust[]').value;
            var result = parseFloat(acarreo)-( parseFloat(pagocond)+ parseFloat(via)+ parseFloat(peaje)+ parseFloat(combust));
            if (!isNaN(result)) {
                document.getElementById('txt3').value = result;
            }
         }
                <td><input type="text" size="5" onkeyup="sum();" name="acarreo[]" id="acarreo[]" value="<?php echo $acarreo=$row['acarreo']?>" title="ACARREO"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="pagocond[]" id="pagocond[]" value="<?php echo $pagocond=$row['pagocond']?>" title="PAGO DE CONDUCTOR"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="via[]"  id="via[]" value="<?php echo $via=$row['via']?>" title="VIATICO"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="peaje[]" id="peaje[]" value="<?php echo $peaje=$row['peaje']?>" title="PEAJE"></td>
                <td><input type="text" size="5" onkeyup="sum();" name="combust[]" id="combust[]" value="<?php echo $combust=$row['combust']?>" title="COMBUSTIBLE"></td>
                <td><input type="text" id="txt3"  readonly/></td>