jquery - 如何在克隆中获取单选按钮更改事件上文本框的值？

Question

我已经完成了单选按钮和文本框的克隆。所以现在我在单选按钮的更改事件上有许多文本框和单选按钮，我需要其文本框的值

for (var j = 0; j < sJsonData[1].data.length; j++) {
   var abc = xyz.clone(true, true);
   abc.find('input[type="text"][name="textbox1"]').attr('id', j);
   abc.find('input[type="radio"][name="radio"]').attr('id', j);
}
$('input[type="radio"][name="radio"]').change(function () {
   var paying_amount = $(this).parent()
                              .children()
                              .find('input[type="text"][name="textbox1"]')
                              .val();
});

如何在单选按钮的更改事件上获取文本框的值？

Answer 1

避免对文档中的许多元素使用相同的“id”。请改用“类”。您可以使用它作为替代方案，

for (var j = 0; j < sJsonData[1].data.length; j++) {
   var abc = xyz.clone(true, true);
   abc.find('input[type="text"][name="textbox1"]').data('id', j);
   abc.find('input[type="radio"][name="radio"]').data('id', j);

   //abc.find('input[type="text"][name="textbox1"]').attr('id', j);
   //abc.find('input[type="radio"][name="radio"]').attr('id', j);
}

您需要使用“on”，因为您要动态添加元素，

$('#parent').on("change", 'input[type="radio"][name="radio"]', function(){
   var id = $(this).data('id');
   var paying_amount = $('input[type="text"]').filter('[data-id="'+id+'"]').val();
});