<html>
<head>
<title></title>
<script type="text/javascript">
function Goto(){}
function deleteCurrentRow(obj){
var tr=obj.parentNode.parentNode;
var tbody=tr.parentNode;
tbody.removeChild(tr);
}
</script>
</head>
<body>
<table cellspacing="0" rules="all" bordercolor="#CCCCCC" border="1" id="dgFlowList" style="border-color:#CCCCCC;border-width:1px;border-style:solid;width:98%;border-collapse:collapse;MARGIN: 5px 0px">
<tr class="DataGrid_HeaderStyle" nowrap="nowrap" align="Center">
<td>流程名称</td><td>表单名称</td><td>上传附件</td><td>操作</td>
</tr>
<tr>
<td style="width:35%;">请假单1</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单1】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单2</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单2】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单3</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单4</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单4】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
</table>
</body>
</html>
分享到:
相关推荐
javascript table 增加删除行
使用javascript实现table动态增加删除行列。
javascript删除talbe中的一行 流程名称 表单名称 上传附件 操作 请假单1 请假单 不允许 删除 请假单2 请假单 不允许 删除 请假单3 请假单 不允许 删除 请假单4 请假单 不允许 删除 [Ctrl+...
* 在引用页面中相应的程序为: * 例如: * 1、<script language="javascript" src="js/addContentRow.js"> * 2、 * <!-- 附件部分 --> * <table width="100%" height="" border="0" id="Ttable1" > * ...
NULL 博文链接:https://pouyang.iteye.com/blog/622168
又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能。 1.jsp <table id=viewTabs> 产品名称 编号 ...
通过js来控制动态加一行或删除一行,非常适合table中td一行的添加和删除。
然后获取了表格元素及其 tbody 元素,通过 for 循环遍历数组中的每个学生,动态创建了表格的每一行和每个单元格,并将学生的信息填充到对应的单元格中。 最后,为每行的删除操作添加了点击事件处理程序。当用户单击...
删除行 代码如下:[removed] function del(obj) { obj[removed][removed].removeNode(true); } [removed] <body> <table> 单元格1 <td><input type=button value=”delete this row” ...
9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时...
js删除表单和弹出确认对话框 html 源代码 获取table的td以及其值,弹出警告框
9.9 JavaScript遍历table的行和列 9.10 表格按回车自动生成新行 9.11 单击单元格背景变色 9.12 单击表格某行后其他行隐藏 9.13 单击表头实现表格排序 9.14 单击单元格显示行的详细信息 9.15 表格设置为“100%”时...
<html> <head> <meta ... charset=gb2312"> ...Js获取 table当前行的值<... //把点到的那一行变希望的颜色; if (selectedTr != null) selectedTr.style.removeAttrib
主要介绍了JavaScript实现动态添加,删除行的方法,较为详细的分析了javascript操作table表格实现针对表格元素动态操作的相关技巧,需要的朋友可以参考下
本文实例为大家分享了js实现添加删除表格的具体代码,供大家参考,具体内容如下 效果: 1、点击添加按钮 往table中添加一行 将全选前面的复选框变成false 1.1.当前新增的复选框加上点击事件 2、点击删除按钮 ...
主要介绍了js实现对table动态添加、删除和更新的方法,涉及javascript针对html中table表格节点的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下
JavaScript代码: 代码如下: ...//在最后一行插入 /**插入第一列**/ obj.insertCell(0); obj.cells(0)[removed]=”选项” + (len+1) + “:<input type=text name=option size=28>”; } function deleterow()
表格过滤器一个使HTML表格可过滤的Javascript库TableFilter是javascript插件的现代化版本。 该库向任何html表添加了“按列过滤”功能,该功能使用户可以过滤和限制长表中显示的数据。 默认情况下,该脚本会自动在所...
13.6.2 一个采用两重table嵌套方式固定表头的例子 13.6.3 可变列宽的实现 13.6.4 标记行--呈现有别于其他行的背景色 13.6.5 小技巧--将代码添加到样式表 13.7 总结 第14章 级联样式表 14.1 ...