需要引入jquery.min.js
<script type="text/javascript" src="jquery.min.js"></script>
<script language="javascript">
//js生成时间流水函数
function getTimeRndString() {
var d=new Date();
var m;
var c="-";
m = d.getYear()+c;
m += (d.getMonth() + 1) + c;
m += d.getDate() + c;
m += d.getHours() + c;
m += d.getMinutes() + c;
m += d.getSeconds() + c;
m += d.getMilliseconds();
return m;
};
function addrow(id){
var templeteRow=jQuery("#"+id);
var newRow = templeteRow.clone(true);
var rndID="tmpUID"+getTimeRndString();
newRow.insertBefore(templeteRow);
newRow.attr("id",rndID);
newRow.attr("class", id);
newRow.css("display","block");
newRow.innerHTML ="<input name=ss />";
newRow.find("a.delDetailRow_Link").attr("id","a"+rndID);
newRow.find("input.hiddenid").attr("value","h"+rndID);
newRow.find("input[type=radio]").attr("name","a"+rndID); // 动态给radio添加名称
jQuery("#a"+rndID).focus();
}
function act_delDetailRow(obj){
jQuery(obj).parent().parent().remove();
}
</script>
<input type="button" value="测试1" onClick="addrow('infoComplain')" />
<table border="0" width="97%" cellpadding="0" cellspacing="1" id="publicPerson" >
<tr id='tabletitle' >
<td width="20%" height="20" style="background-color: #BDBDBD">姓名</td>
<td width="20%" style="background-color: #BDBDBD">身份证</td>
<td width="20%" style="background-color: #BDBDBD">联系方式</td>
<td width="20%" style="background-color: #BDBDBD">备注</td>
<td width="20%" style="background-color: #BDBDBD">操作</td>
</tr>
<tr bgcolor="#FFFFFF" id="infoComplain" class="templeteRow" style="display: none;">
<td>
<input type="hidden" class="hiddenid" name="infoComplainids" />
<input name="infoComplain_name" type="text"/>
</td>
<td ><input name="infoComplain_no" type="text" value=" ">
<input type="radio" id="rr1" name="name" value="">
<input type="radio" id="rr2" name="name" value="">
</td>
<td >
<input name="infoComplain_con" type="text" value=" ">
</td>
<td ><input name="infoComplain_remark" type="text" value=" "></td>
<td align="center"><a name="delrow" class="delDetailRow_Link" href="javascript:;" onclick="javascript:act_delDetailRow(this);">删除</a></td>
</tr>
</table>
<input type="button" value="测试2" onClick="addrow('infoError')" />
<table border="0" width="97%" cellpadding="0" cellspacing="1" id="publicPerson" >
<tr id='tabletitle' >
<td width="20%" height="20" style="background-color: #BDBDBD">姓名</td>
<td width="20%" style="background-color: #BDBDBD">身份证</td>
<td width="20%" style="background-color: #BDBDBD">联系方式</td>
<td width="20%" style="background-color: #BDBDBD">备注</td>
<td width="20%" style="background-color: #BDBDBD">操作</td>
</tr>
<tr bgcolor="#FFFFFF" id="infoError" class="templeteRow" style="display: none;">
<td>
<input type="hidden" class="hiddenid" name="infoErrorids" />
<input name="infoError_name" type="text"/>
</td>
<td ><input name="infoError_no" type="text" value=" "></td>
<td >
<input name="infoError_con" type="text" value=" ">
</td>
<td ><input name="infoError_remark" type="text" value=" "></td>
<td align="center"><a name="delrow" class="delDetailRow_Link" href="javascript:;" onclick="javascript:act_delDetailRow(this);">删除</a></td>
</tr>
</table>
分享到:
相关推荐
jquery动态添加删除行 点击按钮动态添加行或动态删除行代码 删除后序号重新排列
jQuery动态添加删除编辑标签代码是一款自定义选项卡,添加选项卡,删除选项卡,编辑选项卡内容等。 jQuery动态添加删除编辑标签代码截图
jQuery 动态添加或删除表格行特效,每点击一次添加,会添加一个表格单元格,点击删除会删掉所有行,基于jQuery插件完成,想研究的朋友下载一看。
两种jquery动态添加删除行方法 两种jquery动态添加删除行方法 两种jquery动态添加删除行方法
74、jquery表格动态添加删除行代码
这是一款实用的jQuery动态添加移动列表插件,jQuery动态添加数据代码,jQuery动态数据代码。
jquery 动态添加控件
jquery表格动态添加删除行代码是一款基于jquery实现的表格里面点击按钮后可进行自动添加删除行功能代码。
jquery动态添加表单
jQuery动态添加节点循环流程图表代码
JQuery动态添加删除table行
jquery表格添加删除行点击按钮动态添加删除行
动态添加删除分组插件, 给指定的用户,jQuery,bootstrap
文档中详细记录了添加 删除元素的两个函数,代码完整、准确,删除函数的方法可以根据用户的要求,删除指定行的数据元素
主要介绍了jQuery实现动态添加、删除按钮及input输入框的方法,涉及jQuery事件响应及页面元素动态操作相关实现技巧,需要的朋友可以参考下
jQuery表格添加行数据代码是一款可以在行内添加编辑删除的表格代码。
使用jquery为表格动态添加行数据,以及删除某一行数据
下面小编就为大家带来一篇jQuery为动态生成的select元素添加事件的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
本文实例讲述了JQuery动态添加和删除表格行的方法。分享给大家供大家参考。具体分析如下: 昨天做页面表格行动态添加和删除,看了无数的介绍,发现了一个好东东,JQuery。用它实现起来还真的是很方便,这个是我用到...