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

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

WBOY
WBOY原創
2016-05-16 17:15:171010瀏覽

複製程式碼 程式碼如下:





<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

     
   


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn