JSFiddle - React, Tailwind, and code Playground

HTML

<table id="tab_logic">

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

CSS

table, th, td {
   border: 1px solid black;
}

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);