Click事件在表中被触发两次

我有一个名为name和attendance两列的表,这是一个单选按钮,我想实现每当我点击一行时,我得到该行的名称和出勤的值.问题是每当我点击一行时,事件就会触发两次,并显示两次名称.我在下面添加了代码

    

        
Name
        
Attendance

    
    

        
Md. Khairul Basar
        

            

                
                    
                    
                    Present
                
            
            

                
                    
                    
                    Absent
                
            
        
    

以下是jQuery代码.

我已经按照与此问题相关的其他答案添加了他们的解决方案,例如添加.off("click")和

e.preventDefault();
e.stopImmediatePropagation();

但这些都不起作用,而且使用.preventDefault()是禁用单选按钮中的选中选项.请帮我解释一下代码.

更新点击事件,如下所示:

$(".table_attendance").on('click', 'input', function(e) {

您可以在下面尝试:

$(document).ready(function() {  
  $(".table_attendance").on('click', 'input', function(e) {
    var attendance = {
      name: $(this).closest("tr").find("td:nth-child(1)").text()
    };
    console.log(attendance);
  });
});

  

    
Name
    
Attendance

  
  

    
Md. Khairul Basar
    

      

        
                        
                        
                        Present
                    
      
      

        
                        
                        
                        Absent