How to inject a table row values into two separate tables

Question

Currently I have a dynamic table that takes the values of queries to the database using forms (django)

When the table has been filled with information (there are 7 columns, but 5 of them are not visible despite having values), I would like to know how can I do so that when I select a row from the table or more, the values of the row are 'injected' into two other separate tables.

If only one row is selected from the first table, the values will be injected into two other tables, if two rows are selected from the first table then the values will be injected into 4 tables (2 tables for each selected row).

user_10606400 · Answer

You can simply loop through checked checkboxes and then using .closest("tr") get reference of closest tr from that checked checkboxes then use .find("td:eq(1/*these values can change */)").text() to get td values and add these values to input boxes and append same to your tables.

Demo Code :

$(function() {

  $("input.select-all").click(function() {
    var checked = this.checked;
    $("input.select-item").each(function(index, item) {
      item.checked = checked;
    });
  });

  //column checkbox select all or cancel
  $("button#show-selected ,button#select-all").click(function() {
    show_All();
  });

  function show_All() {
    var html = "";
    var html1 = "";
    //loop through checked checkboxes
    $("#searchVariantTable tbody input[type=checkbox]:checked").each(function(index, item) {
      var selector = $(this).closest("tr") //get closest tr
      //generate htmls 
      html1 += `
            
          `

      html += `
            
            
            
            
            
          `
    });
    $("#secondTable1").html(html1)
    $("#secondTable2").html(html)
  }
});







  
    
      
        
          
            
              
            
            Gene
            Variant
            
            
            
            
            
          
        
        
        
          
            
              
            
            Gene1
            Variant1
             #1 value1
             #2 value1
             #3 value1
             #4 value1
             #5 value1
          
          
            
              
            
            Gene2
            Variant2
             #1 value2
             #2 value2
             #3 value2
             #4 value2
             #5 value2
          
        
      
      
      
    
  
  
    
      
        
          
            Gene
            Variant
          
        
        
          
        
      
    
    
      
        Genomic coordinate
      
      
        
          
            Opt #1
            Opt #2
            Opt #3
            Opt #4
            Opt #5

How to inject a table row values into two separate tables

1 Answers