Sería cuestión de que a las cajas 'pago' y a las 'dio' les asignes una clase, por ejemplo:
Código HTML:
Ver original<input type = "text" class = "pago" id = "pago1" /> <input type = "text" class = "dio" id = "dio1" />
<input type = "text" class = "pago" id = "pago2" /> <input type = "text" class = "dio" id = "dio2" />
<input type = "text" class = "pago" id = "pago3" /> <input type = "text" class = "dio" id = "dio3" />
Y en la función, tomas a ambos grupos de cajas y puesto que existe el mismo números de cajas 'pago' como de cajas 'dio', iteras sobre uno de estos grupos ―de preferencia, el primero― y tomas el valor de la caja que corresponda en la iteración al conjunto 'pago' y lo asignas a la caja equivalente en 'dio'.
Código Javascript
:
Ver originalfunction sumar(){
var pago = document.querySelectorAll(".pago"),
dio = document.querySelectorAll(".dio"),
total = pago.length; //También puede ser 'dio.length'
for (var i = 0; i < total; i++){
dio[i].value = pago[i].value;
}
}
Saludos