Rumah > hujung hadapan web > tutorial js > jquery动态增加删除表格行的小例子_jquery

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

WBOY
Lepaskan: 2016-05-16 17:15:17
asal
1008 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> <P> $("#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> }); <P> 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