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