Tengo un problema con el cálculo de IVA: la tabla se crea de manera dinámica, ingreso el primer valor que es el precio unitario para comenzar el cálculo y lo hace... el problema está en la segunda fila, deja de hacerlo, agradecería mucho su ayuda.
function multiplicar() {
m1 = document.getElementById("cantidad[]").value;
m2 = document.getElementById("pu[]").value;
r = m1 * m2;
i = (r * 16 / 100)
resu = r + i;
document.getElementById("iva[]").value = i;
document.getElementById("total[]").value = resu;
}
<table class="table table-bordered">
<tr class="success">
<th style="text-align: center;">Cant.</th>
<th style="text-align: center;">Artículo</th>
<th style="text-align: center;">Marca</th>
<th style="text-align: center;">Precio Unitario (Sin IVA)</th>
<th style="text-align: center;">IVA</th>
<th style="text-align: center;">Total</th>
</tr>
<tr>
<td class="hide"><input class="form-control" type="number" name="idsol_rf[]" id="idsol_rf[]" value="<?php echo $idsl_mtto_rf;?>" readonly></td>
<td style="width: 80px;"><input class="form-control" type="number" name="cantidad[]" id="cantidad[]" value="<?php echo $cantidad_rf;?>" readonly></td>
<td><input class="form-control" type="text" name="articulo[]" id="articulo[]" value="<?php echo $descripcion_rf;?>" readonly></td>
<td><input class="form-control" type="text" name="marca[]" id="marca[]" value="<?php echo $marca_rf;?>"></td>
<td style="width: 120px;"><input class="form-control" type="number" step="any" name="pu[]" id="pu[]" onchange="multiplicar();" required></td>
<td style="width: 120px;"><input class="form-control" type="number" name="iva[]" id="iva[]"></td>
<td style="width: 150px;"><input class="form-control" type="number" step="any" name="total[]" id="total[]"></td>
</tr>
</table>