Foros del Web - Ver Mensaje Individual

Naahuel · #2 (**permalink**) 23/06/2011, 19:09

Podría ser algo así:
http://jsbin.com/ojohuh

Código fuente:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
  
  <script>
    //creo los elementos fuera de la funcion
     var nueva_fila =  document.createElement('tr');
     nueva_fila.innerHTML = '<td>Valor Agregado</td><td>Otro Valor agregado</td>';
    
    function agregar_fila(){
      var check = document.getElementById('agregar-fila');
      var tabla = document.getElementById('mi-tabla');
      if(check.checked){
        tabla.appendChild(nueva_fila);
      }else{
        tabla.removeChild(nueva_fila);
      }
    }
  </script>
 
</head>
<body>
  <input id="agregar-fila" type="checkbox" onchange="agregar_fila();" />
  <label for="agregar-fila">Agregar/Quitar Fila</label>
 
<table id="mi-tabla" border="1" width="400">
  <tr><th>Hola</th><th>Titulo</th></tr>
  <tr><td>Valor</td><td>Otro Valor</td></tr>
</table>
</body>
</html>