教程集 > 脚本编程 > javascript > 正文基于jquery插件之自动添加删除行效果

基于jquery插件之自动添加删除行效果

发布时间：2017-01-14 编辑：jiaochengji.com

教程集为您提供基于jquery插件之自动添加删除行效果等资源，欢迎您收藏本站，我们将为您提供最新的基于jquery插件之自动添加删除行效果资源

本文章介绍一篇简单的基于jquery插件之自动添加删除行效果哦，利用了插件实现了这种效果，以前都是利用js但不这么方便，有需要的朋友可以参考一下。

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <html> <head> <title>jquery插件之自动添加删除行 -QQ群70210212 | 77813547 </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content="田想兵"> <meta name="Keywords" content="jquery,插件"> <meta name="Description" content="我们常常会遇到这样的情况，一个系统中有大量的需要对一个行进行复制添加，希望能够进行批量的操作，这个时候，我们就可以考虑把它做成一个jquery插件了. "> <style> body,html{height:100%;font-size:12px;} img{border:none;} table{width:100%;border-collapse:collapse;} table td,th{border:1px solid #999999;height:30px;} .left{width:60px; text-align:right;} .tb{width:700px;} .tb2{width:760px;} .tb2 td{padding:4px;} th{background-color:#ccc;} </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script> <script src="autoAdd.min.js"></script> <script> $(function(){ $(".autoAdd2").autoAdd({changeInput:$("#txt_num")}); }); </script> </head> <body> <table class="tb autoAdd"> <tr class="tempRow"> <td class='left'>姓名 </td> <td> </td> <td class='left'>性别 </td> <td> <select><option value="-1">请选择</option><option value="1">男</option><option value="0">女</option></select> </td> <td class='left'>备注 </td> <td><textarea></textarea> </td> <td> </td> </tr> </table>

添加行数：

<table class="tb2 autoAdd2"> <tr> <th colspan="8">不信你也试试</th> </tr> <tr class="tempRow"> <td width="40"> 第<span class="index">1</span>条 </td> <td class='left'>姓名 </td> <td> </td> <td class='left'>性别 </td> <td> <select><option value="-1">请选择</option><option value="1" selected>男</option><option value="0">女</option></select> </td> <td class='left'>备注 </td> <td><textarea></textarea> </td> <td align="center" width="130px">

</td> </tr> </table> </body> </html> </textarea>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
自己动手制作jquery插件之自动添加删除行功能介绍
 Jquery节点操作的几点知识
 自己动手制作jquery插件之自动添加删除行的实现
 基于jquery插件之自动添加删除行效果
 jQuery的Tree控件 jstree
jQuery插件教程
 jQuery弹出窗口插件 FancyBox
jQuery中对节点进行操作的相关介绍
 jQuery交互式地图插件 ImageMapster
基于jQuery的表格操作插件

上一篇：原生态的js计算器代码下一篇：js 文字图片滚动效果

[关闭]

基于jquery插件之自动添加删除行效果

最近更新

浏览排行