首頁 > web前端 > js教程 > jquery動態增加刪除表格行的小例子_jquery

jquery動態增加刪除表格行的小例子_jquery

WBOY
發布: 2016-05-16 17:15:17
原創
1009 人瀏覽過

複製程式碼 程式碼如下:





<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> function deltr(){<BR> var length=$("tr").length;<BR> if(length<=2){ alert("至少保留一行");<P> } else{<BR> $("tr:last").remove();<BR> }<BR> }<BR></script>


 
   
   
   
   
 
  tr>

 
   
       

 
 

ID Username Usertype Other

     
   


相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板