JS动态删除增加table行

    xiaoxiao2021-04-14  30

    ---将一个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="#" οnclick="deleteRow(this)">取消选择</a>'; var i=node.parentNode.parentNode.rowIndex document.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="#" οnclick="addRow(this)">选择</a>'; var i=node.parentNode.parentNode.rowIndex document.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; } }

    转载请注明原文地址: https://ju.6miu.com/read-669672.html

    最新回复(0)