[SOLUCIONADO] Pasar datos a inputs

[Briss]

Tengo estos input se generan dependiendo de un resultado de cierta consulta tienen un indice ($i) para identificarlos (pues el numero de los inputs varia dependiendo del resultado de la consulta)....
<input type='text' name='pago[]' id='pago$i' value='' />
<input type='text' name='dio[]' id='dio$i' value='' />
<input type='text' name='resta[]' id='resta$i' value=''/>


necesito que al presionar un boton el valor de pago1... pase a dio1, el valor de pago2 pase a dio2... etc...
y en tres1, tres2... etc quede como cero...

PAGO1: 200 ESTO SERIA AL PRESIONAR EL BOTON DIO1=200
PAGO2: 500 ESTO SERIA AL PRESIONAR EL BOTON DIO2=500
PAGO3: 400 ESTO SERIA AL PRESIONAR EL BOTON DIO3=400
Y EN SUS RESPECTIVOS RESTA =0



¿Esposible?

[Alexis88]

Claro. Solo es cuestión de que en cada botón envíes el valor de $i, luego, en la función, tomas al elemento cuyo id sea igual a 'pago' concantenado con el valor enviado, capturas su valor, tomas al elemento de id 'dio' concatenado con el valor enviado y le asignas el valor respectivo.

Código HTML:

<button id = "suma$i" onclick = "sumar($i)">Sumar</button>
 

Código Javascript:

function sumar(i){
    var valor = document.getElementById("pago" + i),
        salida = document.getElementById("dio" + i);
    
    salida.value = valor.value;
    valor.value = ""; //Opcional: Dejas vacía a la primera caja
}
 

DEMO

Saludos

[Briss]

Gracias amigo
Pero no se puede hacer con un solo botón ???

[Alexis88]

Sería cuestión de que a las cajas 'pago' y a las 'dio' les asignes una clase, por ejemplo:

Código HTML:

<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" />
 
<button onclick = "sumar()">Sumar</button>
 

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:

function 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

[Briss]

Lo checo amigo ... tengo una duda intento jalar la funcion desde una imagen
asi
echo '<a href="javascript:void(0)" onclick="sumar($i);return false;" > <img src="img/9.png" > </a>';

Pero no hace nada
con el boton funciona bien pero como esta dentro de un formulario y este se proceso con otro boton ... al presionar suma me manda mis datos , por eso quiero dejarlo en la imagen ademas de q es mas visual...

[Alexis88]

¿Y si aplicas el evento onclick directamente a la imagen?

Código PHP:

echo "<img src = 'img/9.png' onclick = 'sumar({$i})' />";
 

Saludos

[Briss]

Iniciado por Alexis88

¿Y si aplicas el evento onclick directamente a la imagen?

Código PHP:

echo "<img src = 'img/9.png' onclick = 'sumar({$i})' />";
 

Saludos

No amigo no funciona con este codigo tampoco

[Briss]

quedo asi

<a href="javascript:void(0)" onclick="sumar();return false;" id = "suma$i"> <img src="img/9.png" > </a>

sigo checandolo cualquier cosa lo posteo gracias Alexis :)

[Alexis88]

Jaja, había olvidado que ya no era necesario pasar parámetros. No vuelvo a chatear y postear por acá a la vez.

[Briss]

Iniciado por Alexis88

Jaja, había olvidado que ya no era necesario pasar parámetros. No vuelvo a chatear y postear por acá a la vez.

jaja lo malo que no chateas conmigo