La fila se oculta cuando se activa un campo de tipo checkbox.
<html>
<head>
<title>Ocultar Fila de Una Tabla con Javascript</title>
<script type="text/javascript">
function ocultarFila(numFila) {
var form = document.form;
fila = document.getElementById('tabla').getElementsByTagName('tr')[numFila];
if(form.ck.checked == true) {
fila.style.display = 'none';
} else {
fila.style.display = '';
}
}
</script>
</head>
<body>
<form name="form">
Ocultar Fila: <input type="checkbox" id="ck" onclick="ocultarFila(1)"/>
</form>
<table id="tabla" border="1">
<tr>
<td>Contenido Columna1 Fila1</td>
<td>Contenido Columna2 Fila1</td>
</tr>
<tr style="background-color: blue">
<td>Contenido Columna1 Fila2</td>
<td>Contenido Columna2 Fila2</td>
</tr>
<tr>
<td>Contenido Columna1 Fila3</td>
<td>Contenido Columna2 Fila3</td>
</tr>
</table>
</body>
</html>
No hay comentarios.:
Publicar un comentario