基于jQuery表格增加删除代码是一款动态增加删减表格行特效代码。效果图如下:在线预览 源码下载实现的代码。html代码:<div style="width:720px;margin:20px auto;"> <ta ...
基于jQuery表格增加删除代码是一款动态增加删减表格行特效代码。效果图如下:
在线预览 源码下载
实现的代码。
html代码:
<div style="width:720px;margin:20px auto;"> <table id="tab11" style="display: none"> <tbody> <tr> <td height="30" align="center"> <input type="text" name="NO" size="2" value="1" /> </td> <td align="center"> <input type="text" name="start_end_time" /> </td> <td align="center"> <input type="text" name="unit_department" /> </td> <td align="center"> <input type="text" name="post" /> </td> <td> <input type="button" id="Button1" onclick="deltr(this)" value="删行" /> </td> </tr> </tbody> </table> <input type="button" id="btn_addtr" value="增行" /> <table id="dynamicTable" width="700" border="0" cellspacing="0" cellpadding="0"> <thead> <tr> <td height="30" align="center" bgcolor="#CCCCCC">ID</td> <td align="center" bgcolor="#CCCCCC">起止时间</td> <td align="center" bgcolor="#CCCCCC">单位/部门</td> <td align="center" bgcolor="#CCCCCC">职位</td> <td></td> </tr> </thead> <tbody> <tr> <td height="30" align="center"> <input type="text" name="NO" size="2" value="1" /> </td> <td align="center"> <input type="text" name="start_end_time" /> </td> <td align="center"> <input type="text" name="unit_department" /> </td> <td align="center"> <input type="text" name="post" /> </td> <td> <input type="button" id="Button2" onclick="deltr(this)" value="删行" /> </td> </tr> </tbody> </table> </div>
原标题:基于jQuery表格增加删除代码
关键词:jquery
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。