Rumah > hujung hadapan web > tutorial js > jquery 表格的增行删行实现思路_jquery

jquery 表格的增行删行实现思路_jquery

WBOY
Lepaskan: 2016-05-16 17:39:45
asal
865 orang telah melayarinya

在做后台中遇到的情况,分享下

复制代码 代码如下:




表格增行,删行处理



<script> <BR>$(function(){ <BR>var show_count = 20; //要显示的条数 <BR>var count = $("input:text").val(); //递增的开始值,这里是你的ID <BR>var fin_count = parseInt(count) + (show_count-1); //结束递增的条件 <BR>$("#btn_addtr").click(function(){ <BR>if(count < fin_count) //点击时候,如果当前的数字小于递增结束的条件 <BR>{ <BR>$("tr:eq(1)").clone().appendTo("table"); //在表格后面添加一行 <BR>$("tr:last td input:first").val(++count); //改变添加的行的ID值。 <BR>} <BR>}); <BR>}); <BR>function deltr(){ <BR>var length=$("tr").length; <BR>if(length<=2){ <BR>alert("至少保留一行"); <BR>}else{ <BR>$("tr:last").remove(); <BR>} <BR>} <BR></script>


















ID Username Usertype Other





Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan