JS动态删除增加table行

来源：互联网发布：优品课堂python百度云编辑：程序博客网时间：2024/05/16 11:18
---将一个table的行加入到另一个table里面
//已选单据添加行function addRow(node){var tr1 = node.parentNode.parentNode;  var applyId = tr1.cells[0].childNodes[0].value; var code = tr1.cells(2).innerText; var name = tr1.cells(3).innerText; var unitName = tr1.cells(4).innerText; var creatorName = tr1.cells(5).innerText; var status = tr1.cells(6).innerText;     var table = document.getElementById('selected_Table');var row = table.rows.length;table.insertRow(row);table.rows(row).insertCell(0);table.rows(row).cells(0).align = "center";var a = row;a += '<input type="hidden" name="sid" value="'+applyId+'"/>' table.rows(row).cells(0).innerHTML = a;table.rows(row).insertCell(1);table.rows(row).cells(1).align = "center";table.rows(row).cells(1).title = "";table.rows(row).cells(1).innerHTML = code;    table.rows(row).insertCell(2);table.rows(row).cells(2).align = "center";table.rows(row).cells(2).title = "";table.rows(row).cells(2).innerHTML = name;table.rows(row).insertCell(3);table.rows(row).cells(3).align = "center";table.rows(row).cells(3).title = "";table.rows(row).cells(3).innerHTML = unitName;table.rows(row).insertCell(4);table.rows(row).cells(4).align = "center";table.rows(row).cells(4).title = "";table.rows(row).cells(4).innerHTML = creatorName;table.rows(row).insertCell(5);table.rows(row).cells(5).align = "center";table.rows(row).cells(5).title = "";table.rows(row).cells(5).innerHTML = status;table.rows(row).insertCell(6);table.rows(row).cells(6).align = "center";table.rows(row).cells(6).title = "";table.rows(row).cells(6).innerHTML = '<a href="#" onclick="deleteRow(this)">取消选择</a>';var i=node.parentNode.parentNode.rowIndexdocument.getElementById('table_result').deleteRow(i);//table序号重新编排var table=document.getElementById ("table_result").rows; for(var i=1,len = table.length;i<len;i++){ table[i].cells[1].innerHTML = i; }}//已选单据取消选择function deleteRow(node){var tr1 = node.parentNode.parentNode;  var applyId = tr1.cells[0].childNodes[0].value; var code = tr1.cells(1).innerText; var name = tr1.cells(2).innerText; var unitName = tr1.cells(3).innerText; var creatorName = tr1.cells(4).innerText; var status = tr1.cells(5).innerText;    var table = document.getElementById('table_result');var row = table.rows.length;table.insertRow(row);table.rows(row).insertCell(0);table.rows(row).cells(0).align = "center";var a = '<input type="checkbox" name="radioProjectId" value="'+applyId+'" colval="'+row+'">';a += '<input type="hidden" name="id" value="'+applyId+'"/>'; table.rows(row).cells(0).innerHTML = a;table.rows(row).insertCell(1);table.rows(row).cells(1).align = "center";table.rows(row).cells(1).title = "";table.rows(row).cells(1).innerHTML = row;table.rows(row).insertCell(2);table.rows(row).cells(2).align = "left";table.rows(row).cells(2).title = "";table.rows(row).cells(2).innerHTML = code;   table.rows(row).insertCell(3);table.rows(row).cells(3).align = "left";table.rows(row).cells(3).title = "";table.rows(row).cells(3).innerHTML = name;table.rows(row).insertCell(4);table.rows(row).cells(4).align = "center";table.rows(row).cells(4).title = "";table.rows(row).cells(4).innerHTML = unitName;table.rows(row).insertCell(5);table.rows(row).cells(5).align = "center";table.rows(row).cells(5).title = "";table.rows(row).cells(5).innerHTML = creatorName;table.rows(row).insertCell(6);table.rows(row).cells(6).align = "center";table.rows(row).cells(6).title = "";table.rows(row).cells(6).innerHTML = status;table.rows(row).insertCell(7);table.rows(row).cells(7).align = "center";table.rows(row).cells(7).title = "";table.rows(row).cells(7).innerHTML = '<a href="#" onclick="addRow(this)">选择</a>';var i=node.parentNode.parentNode.rowIndexdocument.getElementById('selected_Table').deleteRow(i);//table 序号重新编排var table=document.getElementById ("selected_Table").rows; for(var i=1,len = table.length;i<len;i++){ table[i].cells[0].innerHTML = i; }}//多选加入已选单据function addChoose(){var checks = document.getElementsByName("RadioProjectId");var table = document.getElementById('table_result');if (checks == null || checks == undefined) {        alert("无记录!");        return;    }var count = 0;var i = 0;var str = "";var len = checks.length;if (checks && checks.length) {for ( var i = 0; i < len; i++) {if (checks[0].checked && len>0) {addRow(checks[0]);count++;}}if (count == 0) {alert("请选择需要删除的项!");return;}}else if (checks && !checks.checked) {alert("请选择需要删除的项!");return;}}
0 0