bootstrap的datatable中,自定义了radio,如何通过点击单选获取行数据?

我的前端时bootstrap和jquery,后端是django。我在前端通过ajax获取后端的json,在datatable中显示,同时,在datatable的第一列中,自定义为
radio单选框。
我的需求:点击第一列的单选框,获得radio所在行每个单元格的内容。
操作方法:
1)循环生成数据表格显示区的html;第一列定义了radio,有onclik方法;同时定义了ARP_select_radio函数;
2)用$('#tbody_ID').html(str)方法将生成的字符串写入表格数据区(tbody)。以下是代码

 for(var i = 0;i <(Object.keys(json_arp['IP']).length); i++)
                       {
                        str =str + "<tr id ='ARP_table'>" +
                            "<td><input type = 'radio'  name = 'ARP_select' id ='aaa'  onclick = 'ARP_select_radio' ></td>" + 
                            "<td>" + json_arp['Num'][i] + "</td>" +
                           .......
                            "<td>" + json_arp['collect_time'][i] + "</td>" +                            
                            "</tr>";
                        
                       }  
                       $("#arp_list").html(str);    
              

故障描述:
点击了radio无反应(chrome也没报错),感觉是click事件没有与rido绑定。百度了一下,好像是我用jq生成的表格属于未来元素,常规方法不妥。
请教各位:
1)我的ridio绑定事件应当怎么写?
2)如何点击ridio后得到本行的单元格数据?

若对您的问题有帮助,望采纳

1.您可以使用 jQuery 的 on() 方法来绑定单选框的 click 事件,而不是使用 onclick 属性。

例如:

$(document).on("click", "#arp_list input[type='radio']", function(){
    // 您的代码
});

这样的话,即使是未来元素,事件也可以正常绑定

2.可以使用 jQuery 的 closest() 方法来获取到点击单选框所在的行,然后使用 find() 方法来获取到该行中所有的单元格
例如

$(document).on("click", "#arp_list input[type='radio']", function(){
    var $row = $(this).closest("tr");
    var $cells = $row.find("td");
    // 您可以在这里遍历 $cells 数组来获取每个单元格的内容
});