JQ点击按钮动态克隆一行表格以及删除表格
2015-04-15 10:26
1091 查看
用之前需要引用 <script type="text/javascript" src="/style/js/jquery-1.7.2.min.js"></script>
/*
* 克隆表格行
*/
function addrow(){
var tr = $("#tabtr"); //tabtr是你要克隆的表格行的id
var newtr = tr.clone(); //克隆tr行
newtr.find(":input").each(function(i){ //循环新克隆的newtr,在里边找到所有的input标签,
$(this).val(""); //给该标签的value赋值为空
});
tr.after(newtr);
//在id="tabtr"的表格行tr后插入克隆行newtr
}
/*
* 删除表格行
*/
function deleterow(){
var length=$("#tab tr").length-1;
//获取id="tab"表格中的行数,如果表格中有th择需要-1
var tab = $("#tab tr:eq("+length+")");
//获取最后一行的位置
tab.remove();
//删除tab行
}
/*
* 克隆表格行
*/
function addrow(){
var tr = $("#tabtr"); //tabtr是你要克隆的表格行的id
var newtr = tr.clone(); //克隆tr行
newtr.find(":input").each(function(i){ //循环新克隆的newtr,在里边找到所有的input标签,
$(this).val(""); //给该标签的value赋值为空
});
tr.after(newtr);
//在id="tabtr"的表格行tr后插入克隆行newtr
}
/*
* 删除表格行
*/
function deleterow(){
var length=$("#tab tr").length-1;
//获取id="tab"表格中的行数,如果表格中有th择需要-1
var tab = $("#tab tr:eq("+length+")");
//获取最后一行的位置
tab.remove();
//删除tab行
}
相关文章推荐
- 动态表格,通过点击按钮增加或者删除一行表格!
- 点击按钮实现表格动态添加或删除一行
- 动态表格,通过按钮增加行,删除时删除选择的checkbox那一行
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- JQuery实现动态表格点击按钮表格增加一行
- 在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中
- JQuery实现动态表格点击按钮表格增加一行
- 在可编辑表格EditorGrid中,我选择一行已输入的数据,点击删除按钮,该行数据将被删除,然后当我点击表单提交按钮时,已经被删除的那一行数据仍然被插入数据库中
- 动态的把数据显示在table中,点击某一行的删除按钮实现该行的删除(通过ajax实现页面的无刷新加载)
- 点击按钮,表格增加/删除一行
- 动态生成 指定列数、行数的表格。并在每行最后一列添加一个删除按钮。点击删除按钮、删除本行!
- 点击按钮动态添加新的一行(添加文本框)
- 在JS表格中怎么删除一行(不是指定行,而是我表格中每行后面都有一个删除按钮,按其中一个按钮就删除那一行
- JqGrid 学习笔记---实现在jqGrid表格上动态的加行、删行,最后点击“保存”按钮,与后台交互,保存数据
- javascript动态添加删除表格及克隆表格
- JavaScript动态实现表格添加、删除、插入、上移、下移一行功能
- jquery动态生成和删除表格一行
- asp.net后台代码实现点击按钮动态添加table的一行
- jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)
- javascript动态添加删除表格及克隆表格