[英]Event for dynamically generated checkbox and texbox issue
My english is not good but i need help please!!! 我的英语不好,但是我需要帮助!!!
I am dynamically adding rows to a table, add textbox and checkbox. 我正在向表中动态添加行,添加文本框和复选框。
I want to insert into each textbox value as marked or not each checkbox 我想插入每个文本框值作为标记或不每个复选框
(If checked = true -> value = '1' else -> value = '') (如果选中,则为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);
I succeeded in doing only with the first textbox and checkbox generated, as I can do with the rest ?? 我只用生成的第一个文本框和复选框成功完成了,其余部分都可以完成?
Here's the code running: JSfiddle 这是运行的代码: JSfiddle
Please help me!!!! 请帮我!!!!
I have updated the fiddle. 我已经更新了小提琴。 See if it fulfills your requirement.
查看它是否满足您的要求。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.