[SOLUCIONADO] Evento onclick dentro de javascript

[sebastianpe93]

Saludos, espero me puedan ayudar.

Necesito utilizar el evento onclick de un type checkbox que ha sido agregado mediante javascript

Código Javascript:

$('#nuevo').click(function() {
 
//creo una nueva fila
 
 var idusu = "<?php echo $idusuariologeado; ?>" ;
var fila='<tr><td>&nbsp;</td>'+
 
'<td><input name="idiomas_nombre[]" type="text" placeholder="Idioma" class="form-control input-md"  /><input  name="idiomas_usu[]" type="text" value="'+ idusu + '" > </td>'+
 
 '<td><input  name="" type="checkbox" value="1" ><input type="hidden" name="idiomas_suficiencia[]" value="" /></td>'+
 
'<td><input id="cb2"  name="" type="checkbox" onclick="updatebox()" value="1" /><input type="text" name="idiomas_escritura[]"  /></td>'+
 
'<td><input id="cb3"  name="" type="checkbox" value="1"  ><input type="hidden" name="idiomas_lectura[]" value="1" /></td>'+
 
'<td align="center"><input id="cb4" name="" type="checkbox" value="1" ><input type="text" name="idiomas_hablado[]" value="1" /></td></tr>';
 
 
//añado fila a la tabla
$('#tab_logic').append(fila);
 
 
});
 

Necesito utilizar el onclick para llamar a otra función que me permita hacer los siguiente

Código Javascript:

function updatebox()
{
    var textbox = document.getElementById("idiomas_escritura");
    var values = [];
 
    if(document.getElementById('cb2').checked) {
        values.push("1");
    }
 
    if(document.getElementById('cb3').checked) {
        values.push("1");
    }
 
    if(document.getElementById('cb4').checked) {
        values.push("1");
    }
 
    textbox.value = values.join(" ");
}
 

Espero haberme podido explicar y ojala me puedan ayudar.

Gracias...

[sebastianpe93]

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

Les comparto el código:

Código HTML:

<table id="tab_logic">
 
</table>
<button id="boton" type="button">Add!
<button id="boton02" type="button">Eliminar!
</button>
 

Código Javascript:

function agregar(){
var fila = $('<tr></tr>');
var columna = $('<td></td>');
var columna2 = $('<td></td>');
var columna3 = $('<td></td>');
var columna4 = $('<td></td>');
var columna5 = $('<td></td>');
 
var input = 
$('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list'});
columna.append(input);
input = $('<input type="text" />').attr({name: 'dos', class:'cb2', id:'cb' });
columna.append(input);
input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list1'});
columna2.append(input);
input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb2' });
columna2.append(input);
input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list2'});
columna3.append(input);
input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb3' });
columna3.append(input);
input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list3'});
columna4.append(input);
input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb4' });
columna4.append(input);
input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list4'});
columna5.append(input);
input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb5' });
columna5.append(input);
fila.append(columna);
fila.append(columna2);
fila.append(columna3);
fila.append(columna4);
fila.append(columna5);
$('#tab_logic').append(fila);
}
 
function updateBox(event){
    var input = $(this).prev();
            if(this.checked) {
        input.val("1");
        }
      else {
        input.val("");
      }
}
$("#boton02").click(function(){
            
                // Eliminamos la ultima columna
                $("#tab_logic tr:last").remove();
           
        });
$('#boton').click(agregar);
$('#tab_logic').on('click', '.cb2', updateBox);
 

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