Tablas dinamicas

[felipe12357]

HOla a todos mi problema es el siguiente

quiero crear una tabla cuyas celdas dependan de la opcionde radio boton que elija el usuario para ello estoy utilizando el siguiente codigo:

Código HTML:

function mostrar(tipo){
//document.write(tipo);
		if(tipo==1){
			$("#consulta1").show();
			$("#consulta2").hide();
			$("#consulta3").hide();
		}
		//else{*/
		if(tipo==2){

			$("#consulta1").hide();
			$("#consulta2").show();
			$("#consulta3").hide();
		}
		if(tipo==3){
			$("#consulta1").hide();
			$("#consulta2").hide();
			$("#consulta3").show();

		}
		
	}

//esto es una tabla aparte
echo"<td height=73><input type='radio' name='tipo' value='3' checked onClick='mostrar(this.value);'><font color='White' face='verdana'>

echo"<td height=73><input type='radio' name='tipo' value='2' checked onClick='mostrar(this.value);'><font color='White' face='verdana'>

echo"<td height=73><input type='radio' name='tipo' value='1' checked onClick='mostrar(this.value);'><font color='White' face='verdana'> 

y la tabla que se debe generar:

<div id="consulta1" style="display: none;">
<?php
//Consulto el nombre de las etiquetas para el sitio1
$arrayHead=$consulta->cabeceras2(1);
echo "<font color='white' face='verdana'><center>$arrayHead[1]</font>";
//echo "$arrayHead[1] - $arrayHead[2]";
?>
</td><td width=10><input type='checkbox' name='voltaje1' value='1'></td>
</div>

Los valores que yo ponga en cada uno de los id (consulta) çambian (aparecen y des aparecen ) correctamente cada vez que yo cambie la opcion de radio boton. Sin embargo cuando intento hacer que cada opcion tenga una tabla, este me muestra las tres tablas no desaparecen.

Espero haber sido claro acerca de cual es mi problema, y me puedan ayudar, que se hace en este tipo de casos?

Gracias!

[cristian_cena]

veo que estas usando jquery. fijate este ejemplo:

Código HTML:

<table>
    <tr> 
        <td>
            <input type='radio' name='tipo' value='1'/> <span>activa #consulta1</span>
        </td>
        <td>    
            <input type='radio' name='tipo' value='2'/> <span>activa #consulta2</span>
        </td>    
        <td>
            <input type='radio' name='tipo' value='3'/> <span>activa #consulta3</span>
        </td>
    </tr>
</table>
            
<table id="consulta1" class="consulta">
    <tr>
        <td>
            <input type='checkbox' name='voltaje1' value='1'/> <span>#consulta1</span>
        </td>
    </tr>
</table>
<table id="consulta2" class="consulta">
    <tr>
        <td>
            <input type='checkbox' name='voltaje1' value='1'/> <span>#consulta2</span>
        </td>
    </tr>
</table>
<table id="consulta3" class="consulta">
    <tr>
        <td>
            <input type='checkbox' name='voltaje1' value='1'/> <span>#consulta3</span>
        </td>
    </tr>
</table>
 

Código CSS:

.consulta{
    display:none;
}
 

Código Javascript:

$(function(){
    $("input[name='tipo']").click(function(){
        if($(this).val() == 3){
           $(".consulta").hide();
           $("#consulta3").show();
        }
        else if($(this).val() == 2){
           $(".consulta").hide();
           $("#consulta2").show();
        }
        else{
           $(".consulta").hide();
           $("#consulta1").show();
        }
    });
});
 

borra todos los "<span>", solo los puse para que quede más claro el ejemplo.
No se si entendí, pero si con "generar" te referis a consultar a una base de datos con javascript, entonces debes usar ajax, en jquery es muy simple: http://api.jquery.com/category/ajax/

Suerte.