首页 > web前端 > js教程 > jquery 表格的增行删行实现思路_jquery

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
发布: 2016-05-16 17:39:45
原创
917 人浏览过

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

复制代码 代码如下:




表格增行,删行处理



<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





相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
商品规格表设计
来自于 1970-01-01 08:00:00
0
0
0
angular.js - angularJS ng-grid 表格双击事件
来自于 1970-01-01 08:00:00
0
0
0
表格内部的表单
来自于 1970-01-01 08:00:00
0
0
0
怎么用php+mysql做动态数据表格 , 急!!!
来自于 1970-01-01 08:00:00
0
0
0
动态渲染表格
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板