JS动态删除增加table行

---将一个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;
	}
	

	}


1、资源项目源码均已通过严格测试验证,保证能够正常运; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看REaDME.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后会第一时间与您进沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值