【JS】利用JS给删除按钮添加提示框

最新推荐文章于 2022-11-28 13:03:03 发布

禾苗码上

最新推荐文章于 2022-11-28 13:03:03 发布

阅读量1k

点赞数

分类专栏： JavaWeb 文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_42195589/article/details/126126099

版权

JavaWeb 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

本文介绍了在网页中实现用户删除操作时增加确认提示框的步骤，以提升用户体验。通过添加JavaScript点击事件，当用户点击删除按钮时，会弹出确认对话框。只有当用户点击确定后，才会执行删除操作，否则则取消。这种方法可以防止误删，增加了交互的友好性。

摘要由CSDN通过智能技术生成

在进行删除操作时，如果有提示框提示用户“是否要删除此条信息”，将会带来更好的体验感。

如图

在这里插入图片描述

实现

首先你需要有一个按钮，并为它添加点击事件onclick

 <input type="button" onclick="del(你要传入的删除的id);">删除</a>

其次，我们书写点击事件触发的函数，在< head></ head>标签内写JS代码~

<head>
    <script type="text/javascript" src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        function del(result){
            var a = window.confirm("您确定要删除吗？");
            if(a==true){
            location.href="${pageContext.request.contextPath}/deleteTag?tag.id="+result;
            }
        }
    </script>
</head>