Código HTML:
<input type="checkbox" name="agregatamanio" id="agregatamanio" onclick="agregar(this);" /> </td> <td> <input type="text" name="aplicacion[]" id="aplicacion[]" /></td> <td> <input type="text" name="tam_ext[]" id="tam_ext[]" /></td> <td><input type="text" name="tam_final[]" id="tam_final[]" /></td> </tr> </table> <script type="text/javascript"> emails=0; function agregar(valor) { if (valor.checked==true){ emails=emails+1; $("#campos").append('<li class="email'+emails+'"><table border="1"><tr><td><input type="checkbox" name="agregatamanio" id="agregatamanio" onclick="agregar(this);" /></td><td><input type="text" name="aplicacion[]" id="aplicacion[]" /></td><td><input type="text" name="tam_ext[]" id="tam_ext[]" /></td><td><input type="text" name="tam_final[]" id="tam_final[]" /></td><td><a href="#" onclick="javascript:borrar('+emails+');">Borrar</a></td></tr></table></li>'); } if (valor.checked==false){ emails=emails; $("li.email"+emails).remove(); } } function borrar(cual) { $("li.email"+cual).remove(); return false; } </script> <div id="campos"> </div>