您好,欢迎来到知高教育。
搜索
您的当前位置:首页jquery动态增加删除表格行的小例子_jquery

jquery动态增加删除表格行的小例子_jquery

来源:知高教育


代码如下:





$(function(){
var show_count = 20; //要显示的条数
var count = $("input:text").val(); //递增的开始值,这里是你的ID
var fin_count = parseInt(count) + (show_count-1); //结束递增的条件

$("#btn_addtr").click(function(){
if(count < fin_count) //点击时候,如果当前的数字小于递增结束的条件
{
$("tr:eq(1)").clone().appendTo("table"); //在表格后面添加一行
$("tr:last td input:first").val(++count); //改变添加的行的ID值。
}
});
});

function deltr(){
var length=$("tr").length;
if(length<=2){
alert("至少保留一行");
}else{
$("tr:last").remove();
}
}















ID Username Usertype Other




Copyright © 2019- zgia.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务