Estou com um probleminha que já me tirou do sério.
No codigo abaixo:
<table width="739" border="0">
<tr id="b1">
<td width="144"><input name="valor1[1]" id="valor1[1]" type="number"/></td>
<td width="144"><input name="valor2[1]" id="valor2[1]"type="number"/></td>
<td width="144"><input name="valor3[1]" id="valor3[1]"type="number"/></td>
<td width="144"><input name="valor4[1]" id="valor4[1]" type="number"/></td>
<td width="141"><input name="resultado[1]" id="resultado[1]" type="number"/></td>
</tr>
<tr id="b2">
<td><input name="valor1[2]" id="valor1[2]" type="number"/></td>
<td><input name="valor2[2]" id="valor2[2]"type="number"/></td>
<td><input name="valor3[2]" id="valor3[2]"type="number"/></td>
<td><input name="valor4[2]" id="valor4[2]" type="number"/></td>
<td><input name="resultado[2]" id="resultado[2]" type="number"/></td>
</tr>
</table>
Eu precisava que ao digitar valores nos inputs, ele somasse no resultado, mas que a soma acontecesse somente na linha. Como podem ver, os inputs possuem id's diferentes. É só um exemplo do que eu preciso. Alguém pode me ajudar?
getElementsByName
, deve ter perguntas aqui mesmo no site :)tr
, poderia primeiro pegar otr
desejado (exemplo:var tr = document.querySelector('#b1');
) e depois pegar somente os inputs que estão dentro dele comvar inputs = tr.querySelectorAll('input[name^="valor"]')
(pega aqueles cujoname
começa com "valor"). Depois faça umfor
nesses inputs somando os seus valores