Ver Mensaje Individual
  #4 (permalink)  
Antiguo 26/03/2010, 22:15
Bam_Margera
 
Fecha de Ingreso: febrero-2009
Mensajes: 580
Antigüedad: 15 años, 2 meses
Puntos: 13
Respuesta: radiobotones dependientes para mostrar valor en un input text

ya que el suyo está solucionado, este tema es reciente y estoy igual... yo lo estoy probando así

(a mi me tiene que mostrar cada vez que elija un plato el menú seleccionado)

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Menú del día</title>
        <script type="text/javascript">
            function avisar(dish){
				var num_platos = document.forms[dish].plato.length;

				var marcados = document.getElementById("r" + dish);
				marcados.innerHTML = "";
				for(x = 0; x < num_platos; x++){
					if(document.forms[dish].plato[x].checked){
		
						var mostrar = "<p>" + document.forms[dish].toppingcheck[x].value + "</p>";				
						marcados.innerHTML = marcados.innerHTML + mostrar;
						
					}
				}
				
			}
			avisar("primerp");
			avisar("segundop");
			avisar("tercerp");
            
            
        </script>
    </head>
    <body>
    
    <h1>Menu Del día</h1>
    
        
        <h2>Primer Plato</h2>  
        <form name="primerp"> 
        	<input type="radio" name "plato" value "Gazpacho" onClick="avisar('primerp');" checked="checked" />  Gazpacho
        	<input type="radio" name "plato" value "Ensalada" onClick="avisar('primerp');" />  Ensalaa
        	<input type="radio" name "plato" value "Sopa" onClick="avisar('primerp');" />  Sopa
            </form>
            
             <h2>Primer Plato</h2>  
             <form name="segundop"> 
        	<input type="radio" name "plato" value "Atun" onClick="avisar('segundop');" checked="checked">  Atun
        	<input type="radio" name "plato" value "Lomo" onClick="avisar('segundop');" />  Lomo
        	<input type="radio" name "plato" value "pasta" onClick="avisar('segundop');" />  Pasta
            </form>
            
             <h2>Postre</h2>   
             <form name="tercerp">
        	<input type="radio" name "plato" value "h" onClick="avisar('tercerp');" checked="checked"/>  Helado
        	<input type="radio" name "plato" value "f" onClick="avisar('tercerp');" />  Fruta
        	<input type="radio" name "plato" value "s" onClick="avisar('tercerp');" />  Tarta
            </form>

        
        
     
     <div id="Resultao">
     		<h1>Menú Seleccionado</h1>
            <div id="rprimerp"></div>
            <div id="rsegundop"></div>
            <div id="rtercerp"></div>
     </div>
    </body>
</html>
-edit-

Así tampoco me hace ni caso...
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <title>Menú del día</title>
        <script type="text/javascript">
            function avisar(dish){
				var platos = document.forms["f" + dish].plato;
				var num_platos = platos.length;
				var marcados = document.getElementById("r" + dish);
				marcados.innerHTML = "";
				for(var x = 0; x < num_platos; x++){
					if(platos[x].checked){
						alert(platos[x].checked);
		
						/*var mostrar = "<p>" + document.forms[dish].toppingcheck[x].value + "</p>";				
						marcados.innerHTML = marcados.innerHTML + mostrar;*/
						
					}
				}
				
			}
			avisar("primerp");
			avisar("segundop");
			avisar("tercerp");
            
            
        </script>
    </head>
    <body>
    
    <h1>Menu Del día</h1>
    
        
        <h2>Primer Plato</h2>  
        <form name="fprimerp"> 
        	<input type="radio" name "plato" value "Gazpacho" onClick="avisar('primerp');" checked="checked" />  Gazpacho
        	<input type="radio" name "plato" value "Ensalada" onClick="avisar('primerp');" />  Ensalaa
        	<input type="radio" name "plato" value "Sopa" onClick="avisar('primerp');" />  Sopa
            </form>
            
             <h2>Primer Plato</h2>  
             <form name="fsegundop"> 
        	<input type="radio" name "plato" value "Atun" onClick="avisar('segundop');" checked="checked">  Atun
        	<input type="radio" name "plato" value "Lomo" onClick="avisar('segundop');" />  Lomo
        	<input type="radio" name "plato" value "pasta" onClick="avisar('segundop');" />  Pasta
            </form>
            
             <h2>Postre</h2>   
             <form name="ftercerp">
        	<input type="radio" name "plato" value "h" onClick="avisar('tercerp');" checked="checked"/>  Helado
        	<input type="radio" name "plato" value "f" onClick="avisar('tercerp');" />  Fruta
        	<input type="radio" name "plato" value "s" onClick="avisar('tercerp');" />  Tarta
            </form>

        
        
     
     <div id="Resultao">
     		<h1>Menú Seleccionado</h1>
            <div id="rfprimerp"></div>
            <div id="rfsegundop"></div>
            <div id="rftercerp"></div>
     </div>
    </body>
</html>
EL caso es que in me inicializa la previsualización ni me la actualiza al cambiar de opción..... No lo entiendo; alguna pista?
__________________
¿ya conoces la red social de cocina? descubre y comparte recetas de cocina
TONIWEB, un programador web freelance

Última edición por Bam_Margera; 26/03/2010 a las 22:27