Tema: valor de radio a input text
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/07/2015, 22:32
natalya
 
Fecha de Ingreso: julio-2014
Mensajes: 9
Antigüedad: 10 años, 4 meses
Puntos: 0
Pregunta valor de radio a input text
Hola chicos de jquery espero me puedan orientar con esto:
Tenego "N" cantidad de preguntas que obtengo dinamicamente con php con 2 radios y un input text que se pintan dependiendo el numero de preguntas.

Quisiera que al seleccionar SI o NO (este mismo SI o NO) se ponga en su input text correspondiente, cabe resaltar que los valores de cada radio ya los tengo ocupados por otros datos que recojo con php tambien es por eso que les añadi un atributo "data-resp".

ej. HTML ya pintado
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Radios</title>
  6. </head>
  7. <body>
  8.     <section>
  9.         <div>
  10.             <form action="">
  11.                 <table>
  12.                     <thead>
  13.                         <th>Pregunta</th>
  14.                         <th>Respuesta</th>
  15.                     </thead>
  16.                     <tbody>
  17.                         <tr>
  18.                             <td>
  19.                                 Nombre
  20.                             </td>
  21.                             <td>
  22.                                 Si <input type="radio" name="radio[1]" id="radio[1]" value="10" data-resp="SI"> 
  23.                                 No <input type="radio" name="radio[1]" id="radio[1]" value="20" data-resp="NO"> 
  24.                             </td>
  25.                             <td>
  26.                                 <input type="text" name="resp1" id="resp1">
  27.                             </td>                   
  28.                         </tr>
  29.                         <tr>
  30.                             <td>
  31.                                 Dirección
  32.                             </td>
  33.                             <td>
  34.                                 Si <input type="radio" name="radio[2]" id="radio[2]" value="10" data-resp="SI"> 
  35.                                 No <input type="radio" name="radio[2]" id="radio[2]" value="20" data-resp="NO">
  36.                             </td>
  37.                             <td>
  38.                                 <input type="text" name="resp2" id="resp2">
  39.                             </td>                           
  40.                         </tr>
  41.                         <tr>
  42.                             <td>
  43.                                 Teléfono
  44.                             </td>
  45.                             <td>
  46.                                 Si <input type="radio" name="radio[3]" id="radio[3]" value="10" data-resp="SI"> 
  47.                                 No <input type="radio" name="radio[3]" id="radio[3]" value="20" data-resp="NO">
  48.                             </td>
  49.                             <td>
  50.                                 <input type="text" name="resp3" id="resp3">
  51.                             </td>                           
  52.                         </tr>
  53.                     </tbody>
  54.                 </table>
  55.             </form>
  56.         </div>
  57.     </section>
  58. </body>
  59. </html>
Y este seria el resultado ya con los "SI" o "NO" seleccionados.


Con uno solo hice el ejemplo pero ya con los demas no me funciona:
Código Javascript: 
Ver original
  1. $(document).ready(function() {
  2.    
  3.     $('input:radio').on("click", function() {      
  4.       $("#resp1").val($(this).attr("data-resp"));   
  5.  
  6.     });
  7.   });
Pero para los demas como seria si puedo tener 3 o 5 o 10 preguntas?