Ver Mensaje Individual
  #2 (permalink)  
Antiguo 26/01/2016, 17:05
sebastianpe93
 
Fecha de Ingreso: enero-2016
Mensajes: 14
Antigüedad: 8 años, 10 meses
Puntos: 1
Respuesta: Evento onclick dentro de javascript

Saludos, he logrado solucionar el problema, además de adaptarlo a mis necesidades.

Les comparto el código:

Código HTML:
Ver original
  1. <table id="tab_logic">
  2.  
  3. <button id="boton" type="button">Add!
  4. <button id="boton02" type="button">Eliminar!


Código Javascript:
Ver original
  1. function agregar(){
  2. var fila = $('<tr></tr>');
  3. var columna = $('<td></td>');
  4. var columna2 = $('<td></td>');
  5. var columna3 = $('<td></td>');
  6. var columna4 = $('<td></td>');
  7. var columna5 = $('<td></td>');
  8.  
  9. var input =
  10. $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list'});
  11. columna.append(input);
  12. input = $('<input type="text" />').attr({name: 'dos', class:'cb2', id:'cb' });
  13. columna.append(input);
  14. input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list1'});
  15. columna2.append(input);
  16. input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb2' });
  17. columna2.append(input);
  18. input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list2'});
  19. columna3.append(input);
  20. input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb3' });
  21. columna3.append(input);
  22. input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list3'});
  23. columna4.append(input);
  24. input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb4' });
  25. columna4.append(input);
  26. input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list4'});
  27. columna5.append(input);
  28. input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb5' });
  29. columna5.append(input);
  30. fila.append(columna);
  31. fila.append(columna2);
  32. fila.append(columna3);
  33. fila.append(columna4);
  34. fila.append(columna5);
  35. $('#tab_logic').append(fila);
  36. }
  37.  
  38. function updateBox(event){
  39.     var input = $(this).prev();
  40.             if(this.checked) {
  41.         input.val("1");
  42.         }
  43.       else {
  44.         input.val("");
  45.       }
  46. }
  47. $("#boton02").click(function(){
  48.            
  49.                 // Eliminamos la ultima columna
  50.                 $("#tab_logic tr:last").remove();
  51.            
  52.         });
  53. $('#boton').click(agregar);
  54. $('#tab_logic').on('click', '.cb2', updateBox);

Aquí el código en funcionamiento: https://jsfiddle.net/rko41z88/5/