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);
});
}
}
分享到:
相关推荐
Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
JQuery实现可编辑的表格JQuery实现可编辑的表格
jQuery实现可编辑化的表格,有兴趣的可以看看
jquery操作表格增加删除
动态表格,功能为点击添加按钮,表格增加一行并给其name属性赋予的值,点击删除,自动删除这一行,具体实现如下
jQuery实现列表上下移动置顶+带入数据库文件 适合初学者 文件简单整洁,步骤少。重要的地方有注释,文件是php页面的,但是适用于任何界面
利用jquery实现表格动态分页,前台用jquery实现。后台用java实现动态查询数据,分页。
基于JQuery的操作表格附源码,实现html中table的tr的添加、删除以及上下移动。
在项目中很多时候遇到这样的问题,需要动态的增加、删除表格的行与列,在学习jQuery的过程中,自己试着在网上找寻教程,发现都不符合自己的需要,所以就动手改写了一份简单的diy表格。目前实现动态增加 删除最后一行...
jQuery实现表头固定表格内容滚动效果 jQuery实现表头固定表格内容滚动效果
jQuery实现表格的增加、修改、删除、保存代码
jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。
jQuery表格增加删除代码基于jquery1.7.js制作,单元格增行删行代码。
jquery 动态增加删除表格. 实例jquery 动态增加删除表格. 实例jquery 动态增加删除表格. 实例
jQuery实现表格行的动态增加与删除(改进版)
运用jquery技术来实现table元素的tr内容的上下移动,从而改变用户调整的顺序.研究的源代码实例共享给大家,希望能够帮助到你.
jquery实现表格排序,绝对实用。jquery实现表格排序,绝对实用。
jquery实现倒计时,支持多行分别无限循环倒计时,参考价值不错
74、jquery表格动态添加删除行代码