动态生成的复选框和texbox问题的事件

Question

我的英语不好，但是我需要帮助！！！

我正在向表中动态添加行，添加文本框和复选框。

我想插入每个文本框值作为标记或不每个复选框

（如果选中，则为true-> value ='1'，否则-> value =”）

function agregar(){
var fila = $('<tr></tr>');
var columna = $('<td></td>');
var input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list1'});
columna.append(input);
input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb2' });
columna.append(input);
input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list2'});
columna.append(input);
input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb3' });
columna.append(input);
input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list3'});
columna.append(input);
input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb4' });
columna.append(input);
input = $('<input type="text" />').attr({name: 'idiomas_usu[]', id:'list4'});
columna.append(input);
input = $('<input type="checkbox" />').attr({name: 'dos', class:'cb2', id:'cb5' });
columna.append(input);
fila.append(columna);
$('#tab_logic').append(fila);
 }

function updateBox(event){
var textbox = document.getElementById("list1");
        var values = [];

        if(document.getElementById('cb2').checked) {
    values.push("1");
}

 textbox.value = values.join(" ");
 }

 $('#boton').click(agregar);
 $('#tab_logic').on('click', '.cb2', updateBox);

我只用生成的第一个文本框和复选框成功完成了，其余部分都可以完成？

这是运行的代码： JSfiddle

请帮我！！！！

Answer 1

我已经更新了小提琴。 查看它是否满足您的要求。