循环的<a>标签数据中删除时提示是否删除记录

最新推荐文章于 2023-02-25 16:20:53 发布

z823520

最新推荐文章于 2023-02-25 16:20:53 发布

阅读量221

点赞数

文章标签： js提示是否删除

本文链接：https://blog.csdn.net/z823520/article/details/84389724

版权

[b][color=green]通常我们在操作表格里的数据时，尤其是删除操作，需要提示下给用户是否确定删除，此时我们可以这样来做，例子如下：[/color][/b]


<table class="line_table" width="100%" id="line_table">
	     <tr>
			<td class="honor_td">荣誉名字</td>
			<td class="honor_td">荣誉图片</td>
			<td class="honor_td">操作</td>
		</tr>
		<s:iterator value="honorList">
			<tr>
				<td>
					<s:property value="honorName" />
				</td>
				<td>
					<s:property value="honorPic" />
				</td>
				<td>
				<a href="<%=request.getContextPath()%>/getHonorById.do?honorId=<s:property value="honorId"/>">修改</a>
				<a href="<%=request.getContextPath()%>/delHonor.do?honorId=<s:property value="honorId"/>" class="del_a">删除</a>
				</td>
			</tr>
		</s:iterator>
</table>

[color=green]上面的是一个典型的table格式，数据通过循环出来，我们要对里面的删除操作做一个确认的操作，可以这样写:[/color]


<script>
	     var ob = document.getElementById("line_table");
	     var del=ob.getElementsByTagName("a");
	     var n=del.length;
	     if(n>0){
		     for(var i=0;i<n;i++){
			     del[i].onclick=function(){
				     if(this.className == "del_a"){
		               if(!confirm ("确定要删除吗？")) {
						     return false;  
					     }
				     }

			     }
		     }

	     }

</script>