jquery实现的可增加,删除行,可多行上下移动表格

var rowId=1;
//添加行
function addRow()
{
	//因为表格每行都有一些效果,不得不处理下id,和其他没有关系
	rowId++;
	var replaceString=$("#lb tr:first-child").html().replace("value=tr1","value=tr"+rowId).replace("rowId=\"1\"","rowId=\""+rowId+"\"").replace("id=jstj_sdjs1","id=jstj_sdjs"+rowId).replace("id=jstj_zdjs1","id=jstj_zdjs"+rowId).replace("id=jsgs_sdjs1","id=jsgs_sdjs"+rowId).replace("id=jsgs_zdjs1","id=jsgs_zdjs"+rowId);
	var rowTemplet="<tr onMouseOver='changeto()' onMouseOut='changeback()' id='tr"+rowId+"'>"+replaceString+"</tr>";
	$("#lb tr:last-child").after(rowTemplet);
}

//删除行
function delRow()
{
	if($("#lb tr").length<=1 || $("input[type='checkbox'][checked]").length==$("#lb tr").length)
	{
		alert('至少保留一行');	
		return;
	}
	
	$("input[type='checkbox'][checked]").each(
		function(){
		$("#"+$(this).val()).remove();   //此处可以修改成 $(this).parent().parent().remove(); 使得 和id没有任何关系
		});
}


//上移行
function upOrDownTr(isUp)
{
		if(isUp){
		$("input[type='checkbox'][checked]").each(
		 function(){
		 var checkedTR=$(this).parent().parent();
		var upTR=checkedTR.prev();
		if(upTR.html()==null)
		{
			alert("已是第一行");
				return;	
		}
			checkedTR.insertBefore(upTR);
		$(this).attr("checked",true);
		});					
		}
		else
		{	
			var reverseChecked= jQuery.makeArray($("input[type='checkbox'][checked]")).reverse();	
			$.each(reverseChecked,function(i,v){
				 var checkedTR=$(this).parent().parent();
					var upTR=checkedTR.next();
					
					if(upTR.html()==null)
					{
						alert("已是最后一行");
						return;	
					}
				 checkedTR.insertAfter(upTR);
				 	$(this).attr("checked",true);
				 	
				 	
				});
				
			}					
		
}

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值