首页 > PHP资讯 > HTML5培训技术 > 表格增行,删行处理(jquery)

表格增行,删行处理(jquery)

HTML5培训技术
在做后台中遇到的情况,分享下
[ ]  
 
 
 
表格增行,删行处理  
<script type="text/javascript" src="http://jt.875.cn/js/jquery">《script》     
    
    
《script》     
    $(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();     
}     
  }      
《script》     
    
    
 
   
   
    
   
    
   
    
   
    
   
    
 
    
    
 
    
 
   
    
   
    
   
    
   
    
   
    
 
 
    
    
IDUsernameUsertypeOther
    
          
   
    
   
 

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持18不支持0