Как ты складываешь несколько inputs автоматически с javascript?

У меня есть некоторые input в HTML у которого есть числовая стоимость базы данных в языке PHP и один input в конце концов, что был бы должен печатать стоимость inputs сложенные, я хочу, чтобы они сложили стоимость inputs с javascript без необходимости onkeyup и когда он загрузит страницу.

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>
1
задан 19.03.2019, 16:10
1 ответ

Ты нуждаешься в том, чтобы назвать в нее funciГіn sum в момент загружения ее pГЎgina, можешь делать это определяя window.onload, как видят в continuaciГіn:

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

window.onload = function() {
    sum();
}
<td><input type="text" size="5" onkeyup="sum();" name="acarreo[]" id="acarreo[]" value="1" title="ACARREO"></td>
<td><input type="text" size="5" onkeyup="sum();" name="pagocond[]" id="pagocond[]" value="2" title="PAGO DE CONDUCTOR"></td>
<td><input type="text" size="5" onkeyup="sum();" name="via[]"  id="via[]" value="3" title="VIATICO"></td>
<td><input type="text" size="5" onkeyup="sum();" name="peaje[]" id="peaje[]" value="4" title="PEAJE"></td>
<td><input type="text" size="5" onkeyup="sum();" name="combust[]" id="combust[]" value="5" title="COMBUSTIBLE"></td>

<td><input type="text" id="txt3"  readonly/></td>
1
ответ дан 02.12.2019, 05:28