HTML实现点击a标签弹出是否删除提示

于 2022-05-09 20:33:32 发布
阅读量2.9k 收藏 7
点赞数 2
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/likemj01/article/details/124674549
版权

HTML实现点击a标签弹出是否删除提示

可以使用a标签里的onclick，里面添加**return confirm(‘是否删除？’)**即可实现。
代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a onclick="return confirm('是否删除？')" href="/book/delete/${book.getId()}">删除</a>
</body>
</html>

效果如下
在这里插入图片描述

我是低级程序员
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html用alert但不要弹窗,三种alertconfirmprompt弹窗的处理方法
weixin_36440941的博客
06-18 2129
alertconfirmprompt前言原文：https://www.cnblogs.com/zidonghua/p/7430083.html不是所有的弹出框都叫alert，在使用alert方法前，先要识别出到底是不是alert。先认清楚alert长什么样子，下次碰到了，就可以用对应方法解决。alertconfirmprompt弹出框操作主要方法有：text：获取文本值accept() ：点击”确...
jquery删除提示框弹出是否删除对话框
10-26
在本例中，我们将深入探讨如何使用 `jQuery` 创建一个删除提示框，弹出一个询问用户是否确认删除的对话框。 首先，我们需要引入 `jQuery` 库。在 HTML 文件中，通常会在 `<head>` 标签内添加如下代码以引用 jQuery...
使用onclick跳出弹窗确认是否删除
weixin_44575964的博客
07-13 1554
跳出弹窗确认是否删除 <button th:title="删除" style="text-decoration:none" type="button" th:value="${goods.goodsId}" onclick="deleteGood(this.value)"> <i class="layui-icon">&#xe640;</i> </button> <script> //确认是否删除商品（当前行）弹
html确认删除对话框的实现并控制动作的执行
weixin_46019681的博客
04-28 3225
目的：防止删除blog的时候出现误删的情况，在点击删除按钮之后弹出确认删除对话框，使操作更人性化。 删除按钮是一个<a>标签，在原来的代码中，点击删除，会出发href，进行函数跳转，服务器会删除该记录，然后刷新页面。 我们要做到在href跳转前弹出确认删除对话框并根据用户的选择告诉服务器删不删这条数据，接下来是具体的实现步骤： 1.html代码： <a href="/blog/deleteById/#(blog.id)" onclick="delblog();">...
a标签-弹窗实现
热门推荐
y597651998的博客
07-04 1万+
楼主在工作的时候接到领导的指示，让一个页面跳转变为弹窗来展示，虽然简单，但是记录一下工作的点点滴滴。 123 通过修改a标签的target属性改为_self，把超链接事件取消掉，绑定单击事件通过js进行控制，open的方法第一个参数不用问，百度的的链接，第二个参数一个可选的字符串，该字符串是一个由逗号分隔的特征列表，其中包括数字、字母和下划线，该字符声明了新窗口的名称。这个
删除时弹出确认对话框《超实用的JavaScript代码段》笔记
不二喵老师
12-15 732
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>删除时弹出确认对话框.
弹出窗口,点击确定在删除数据的实现方法
10-27
本教程将详细介绍如何实现一个弹出窗口，当用户点击“确定”后再执行删除数据的操作。 首先，我们来看前端部分的实现。在HTML中，我们通常会使用JavaScript来创建交互式的弹出窗口。在这个例子中，我们使用了`...
jQuery点击弹出确认框插件
06-24
jQuery点击弹出确认框插件就是针对这一需求设计的，它能够为用户提供一个优雅的、自定义的确认对话框，以增强用户的交互体验。这款插件利用JavaScript库jQuery的强大功能，简化了在网页中实现点击事件后出现确认框的...
asp.net GridView 删除时弹出确认对话框(包括内容提示)
10-29
通常，在 GridView 控件中删除数据时，需要在删除按钮的点击事件中弹出确认对话框，以便用户确认删除操作。确认对话框可以使用 JavaScript 代码或 ASP.NET 的客户端验证控件来实现。在确认对话框中，可以显示删除的...
jquery通过a标签删除table中的一行的代码
10-26
然后通过`confirm`弹出确认对话框，询问用户是否真的要删除。如果用户点击“确定”，则使用`$.post`发送一个POST请求到服务器执行删除操作。这里假设`deleteOwner!deleteOwner`是处理删除请求的URL。当服务器返回...
jquery 删除元素的onclick事件
码农
09-11 4029
网上很多的资料中有一种方法： obj.unbind("click", openFavorite);//取消绑定onclick事件，但有时好像不起作用。 后来发现一种方法： obj.attr('onclick', '');//使onclick的值为空，成功了。
使用a标签删除进行提示
weixin_30341735的博客
07-10 514
一句话搞定： <a href="Login.aspx" target="mainFrame" class="STYLE4" onclick='return confirm("确定删除该记录？");' >删除</a> 转载于:https://www.cnblogs.com/dreamzcy/p/3182573.html...
A标签添加是否删除的事件
Always on the road
11-16 3313
<td><a href="/fileManager/delete?id=${files.id!''}&eventId=${eventId!''}" onclick="javascript:return deleteOne();">删除</a></td> function deleteOne() { var msg = "您真的确定要删...
html 标签a 如何跳出iframe
zhengyikuangge的博客
12-06 6224
今晚编代码的时候碰到这个问题：iframe里的网页有个a标签，a标签是链接到不在iframe的目标网页，然后发现执行一次后，并没有跳出iframe但是能到那个目标网页。解决方法： 让a标签执行如下代码：window.top.location='目标网页';可以通过定义a的onClick事件执行js中的某个方法，方法里即上述代码。
同一张html页面点击出现弹出框
lyf_ldh的博客
11-21 1万+
<button type="button" class="btn btn-default" title="新建" data-toggle="modal" data-target="#editModal" ng-click="entity={}" ><i class="fa fa-file-o"></i> 新建</button> data-toggl...
弹出居中的div层
yflxc的专栏
11-11 2239
点击文字弹出一个DIV层窗口代码                    .black_overlay{              display: none;              position: absolute;              top: 0%;              left: 0%;              width: 100%;         
基于html表格数据增删查改分页查询
最新发布
02-04
基于HTML表格的数据增删查改分页查询是通过HTML、CSS、JavaScript等前端技术结合后端语言实现的一个功能强大的数据管理功能。在HTML中，我们可以通过<table>标签来创建表格，通过<tr>、<th>和<td>标签来创建表格行、表头和单元格。在数据增删查改方面，可以通过JavaScript来实现客户端的交互和数据处理，也可以通过后端语言比如PHP来实现与数据库的交互。 数据的增加可以通过在表格最后一行添加一个“新增”按钮，点击按钮后可以弹出一个表单用于输入新数据，然后通过JavaScript将新数据插入到表格中，或者通过后端语言将新数据插入到数据库中并刷新表格。 数据的删除可以通过在每行数据后添加一个“删除”按钮，点击按钮后可以通过JavaScript提示用户确认是否删除，然后再从表格中删除对应的数据，或者通过后端语言删除数据库中对应的数据并刷新表格。 数据的查询可以通过在页面上添加搜索框，用户可以在搜索框中输入关键词，然后通过JavaScript过滤表格中的数据并展示符合条件的数据，或者通过后端语言从数据库中查询符合条件的数据并刷新表格。 数据的修改可以通过在每行数据后添加一个“编辑”按钮，点击按钮后可以弹出一个表单用于修改数据，然后通过JavaScript实现数据的修改并更新到表格中，或者通过后端语言修改数据库中对应的数据并刷新表格。 对于分页查询，可以通过JavaScript实现前端分页功能，也可以通过后端语言实现后端分页功能，从而实现大量数据的分页展示和查询。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值