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

时间:2016-01-26 16:04:10

标签: javascript jquery checkbox

我的英语不好但我需要帮助!

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

我想在每个文本框中插入标记符号或不是每个复选框

(如果选中= 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

请帮帮我!!!!

1 个答案:

答案 0 :(得分:0)

我已经更新了小提琴。看它是否符合您的要求。