Клонирование строк таблицы, не работающих в js

Question

У меня есть таблица с флажком. когда я выбираю флажок и нажимаю кнопку копирования, выбранная строка хочет клонировать в новую таблицу с выбранными строками. в настоящее время выбранные строки в таблице не клонируются. Я хочу использовать JS no jquery. Я добавил jsfiddle ниже.

function cloneTable() { 
    var tabClone = document.getElementById('table'); 
    var clone = row.cloneNode(true); 
    for (var i = 0; i < rowCount; i++) { 
    var row = tabClone.rows[i]; 
    var chkbox = row.cells[0].childNodes[0]; 
    if (chkbox.checked) { 
     table.appendChild(clone); 
    } 
    } 
    createTable(); 
} 

jsfiddle

Answer 1

Вы вызываете function createTable, что приводит к созданию таблицы с нуля. Единственное, что вам нужно сделать, это добавить таблицу с клоном строки и изменить флажок на false для маркировки того, что процесс был выполнен.

EDIT

Вот function cloneTable и выше cloneTable() добавить создание "второй стол" для вас:

var tableCopy = document.createElement('table'); 
tableCopy.id = "tableCopy"; 
tableContainer.appendChild(tableCopy); 

function cloneTable() { 
    var tabClone = document.getElementById('table'); 
    var rowCount = tabClone.rows.length; 
    for (var i = 0; i < rowCount; i++) { 
    var row = tabClone.rows[i]; 
    var chkbox = row.cells[0].childNodes[0]; 
    if (chkbox.checked) { 
     chkbox.checked = false; 
     var clone = row.cloneNode(true); 
     if(tableCopy.rows.length == 0){ 
      var cloneHeader = tabClone.rows[0].cloneNode(true); 
      tableCopy.appendChild(cloneHeader) 
     } 
     clone.cells[1].innerHTML = tableCopy.rows.length - 1; 
     tableCopy.appendChild(clone); 
     console.log(table) 
       console.log(tableCopy) 

    } 
    } 
}