Ver Mensaje Individual
  #5 (permalink)  
Antiguo 27/03/2010, 15:24
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: radiobotones dependientes para mostrar valor en un input text

Hola

Cita:
Iniciado por cristian_cena Ver Mensaje
Ah .. una consulta: ¿ Afecta en algo que cambie id="nroPag[]" por digamos id="nuevaId" ?, gracias
No, siempre y cuando el for del label sea "nuevaId"

Bam_Margera, aunque el tema esté resuelto y expongas un tema que está relacionado, la próxima vez abre un nuevo tema

Prueba con esto

Código Javascript:
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function valores() {
  5. var comida = new Array();
  6. var primero = document.getElementById("rprimerp");
  7. var segundo = document.getElementById("rsegundop");
  8. var postre = document.getElementById("rtercerp");
  9. var elemLabel= document.getElementById('formulario').getElementsByTagName('label');
  10.     for(var i = 0; i < elemLabel.length; i++){
  11.  
  12.         var elemInput = elemLabel[i].getElementsByTagName('input');
  13.         for(var j = 0; j < elemInput.length; j++){
  14.             if (elemInput[j].checked) {
  15.                 comida.push(elemInput[j].value);
  16.             }
  17.         }
  18.     }
  19. primero.innerHTML = comida[0];
  20. segundo.innerHTML = comida[1];
  21. postre.innerHTML = comida[2];
  22. }
  23.  
  24.  
  25.  
  26. function init() {
  27. var comida = new Array();
  28. var primero = document.getElementById("rprimerp");
  29. var segundo = document.getElementById("rsegundop");
  30. var postre = document.getElementById("rtercerp");
  31. var elemLabel= document.getElementById('formulario').getElementsByTagName('label');
  32.     for(var i = 0; i < elemLabel.length; i++){
  33.  
  34. var elemInput = elemLabel[i].getElementsByTagName('input');
  35.         for(var j = 0; j < elemInput.length; j++){
  36.             if (elemInput[j].checked) {
  37.                 comida.push(elemInput[j].value);
  38.             }
  39.             elemInput[j].onclick = valores;
  40.         }
  41.     }
  42. primero.innerHTML = comida[0];
  43. segundo.innerHTML = comida[1];
  44. postre.innerHTML = comida[2];
  45. }
  46.  
  47. window.onload = function() {init()};
  48. </script>
  49. </head>
  50.     <body>
  51.    
  52.     <h1>Menu Del día</h1>
  53.    
  54.        
  55.         <h2>Primer Plato</h2>  
  56. <form id="formulario">
  57. <label for="primerp">
  58.             <input type="radio" name="primerp[]" id="primerp[]" value="Gazpacho" checked="checked" />  Gazpacho
  59.             <input type="radio" name="primerp[]" id="primerp[]" value="Ensalada" />  Ensalaa
  60.             <input type="radio" name="primerp[]" id="primerp[]" value="Sopa" />  Sopa
  61. </label>
  62.            
  63.              <h2>Primer Plato</h2>  
  64. <label for="segundop">
  65.             <input type="radio" name="segundop[]" id="segundop[]" value="Atun" checked="checked" />  Atun
  66.             <input type="radio" name="segundop[]" id="segundop[]" value="Lomo" />  Lomo
  67.             <input type="radio" name="segundop[]" id="segundop[]" value="pasta" />  Pasta
  68. </label>
  69.            
  70.              <h2>Postre</h2>  
  71. <label for="tercerp">
  72.             <input type="radio" name="tercerp[]" id="tercerp[]" value="h" checked="checked" />  Helado
  73.             <input type="radio" name="tercerp[]" id="tercerp[]" value="f" />  Fruta
  74.             <input type="radio" name="tercerp[]" id="tercerp[]" value="s" />  Tarta
  75. </label>
  76. </form>
  77.  
  78.        
  79.      <div id="Resultao">
  80.              <h1>Menú Seleccionado</h1>
  81.             <div id="rprimerp"></div>
  82.             <div id="rsegundop"></div>
  83.             <div id="rtercerp"></div>
  84.      </div>
  85.     </body>
  86. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />