<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="../../../jquery-1.7.js"></script>
</head>
<body>
<table border="1" id="tableAdd">
<tr align="center">
<td width="100px;">展馆</td>
<td width="100px;">展位类型</td>
<td width="100px;">数量</td>
<td width="100px;">
<input type="button" value="新增" id="addRow"/>
</td>
</tr>
</table>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
var rowNum=0;
//新增行
$("#addRow").bind("click",function(){
rowNum +=1;
var rowHtml="";
rowHtml +="<tr id='"+rowNum+"'>";
rowHtml +="<td>"+rowNum+"</td>";
rowHtml +="<td></td>";
rowHtml +="<td></td>";
rowHtml +="<td>";
rowHtml +="<input type=\"button\" value=\"删除\" name=\"deleteRow\" onclick=\"deleteRow("+rowNum+")\" />";
rowHtml +="</td>";
rowHtml +="</tr>";
//alert(rowHtml)
$("#tableAdd").append(rowHtml);
})
})
//删除行
function deleteRow(num){
$("#addRow").parent().parent().parent().find("#"+num).remove();
}
</script>
分享到:
相关推荐
javascript table 增加删除行
使用javascript实现table动态增加删除行列。
javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩
通过js来操作table行的动态添加删除,进行相关的操作
javascript添加删除table行
下面小编就为大家带来一篇利用jquery给指定的table动态添加一行、删除一行的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
用js实现对table添加行、删除行、复制行的操作。
table动态增加一行,点击增加可增加,点击删除可以进行删除
本文实例为大家分享了bootstrap table双击可编辑的具体代码,供大家参考,具体内容如下 html: <table class=table id=para_table> 名称 值 操作 <td style=tex
对表格的行和列进行插入/删除,并对每行添加行号
table行增加、删除实现,代码简单易实现。节省开发时间。
NULL 博文链接:https://stephen830.iteye.com/blog/258861
一个table表头固定,内容可滚动的实用例子,同时可以实现增加,删除功能
JTable增加删除按钮实例,用于java开发
本例要实现的是一个可以增加和删除行的table并可编辑表格中内容,适合新手朋友
一个asp.net table控件的自动增加删除行的代码
主要介绍了vuejs element table 表格添加行,修改,单独删除行,批量删除行操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
下面小编就为大家带来一篇js实现对table的增加行和删除行的操作方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
动态增加table行 1:初始化和动态添加,删除的列,都可以隔行换色 2:新添加的行,有默认的事件 3:事件可以是自定义事件和默认事件组合
问题修复 angular material table