miércoles, 11 de julio de 2012

mostrar tablas con radio o select


Codigo


<html>
<head>

//script usado para mostrar o ocutar codigo
<script type="text/javascript">
function mostrar(num) {
  document.getElementById('pepe').style.display = (num==0) ? 'none' : 'block';
}
</script>
</head>
<body>
//radio boton
<p>Mostrar: <input type="radio" name="rad" onclick="mostrar(1)" />
Ocultar: <input type="radio" name="rad" checked="checked" onclick="mostrar(0)" /></p>


//Select
<select onchange="mostrar(this.value)">
<option value=1>Mostrar</option>
<option value=0>Ocultar</option>
</select>


//tabla a mostrar
<table id="pepe" style="display:none">
<tr><td>Algo</td></tr>
</table>
</body>
</html>

fuente:foros del web
Ejemplo
//metodo por radios
Mostrar: Ocultar:
// metodo por select
  //datos de la tabla

No hay comentarios:

Publicar un comentario