当前位置:网站首页>【JS】利用JS给删除按钮添加提示框
【JS】利用JS给删除按钮添加提示框
2022-08-03 17:17:00 【禾苗码上】
在进行删除操作时,如果有提示框提示用户“是否要删除此条信息”,将会带来更好的体验感。
如图
实现
首先你需要有一个按钮,并为它添加点击事件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>
如果用户点击确定,则 a 的值为true,就进行删除操作,否则 a 的值为false,不进行操作。
形参result就是你传入的要删除的信息的id。
location.href 是写你要跳转的删除页面,并在后面拼接你要删除那条记录。
边栏推荐
猜你喜欢
isNotBlank与isNotEmpty
双指针/滑动窗口问题
面试突击:什么是粘包和半包?怎么解决?
论文解读(JKnet)《Representation Learning on Graphs with Jumping Knowledge Networks》
deepstresam的插件配置说明,通过配置osd,设置字体的背景为透明
node connection mongoose database process
ORACLE CLOUD 在国内有数据中心吗?
华为、联想、北汽等入选工信部“企业数字化转型和安全能力提升”首批实训基地
[Unity Getting Started Plan] Basic Concepts (6) - Sprite Renderer Sprite Renderer
[redis] cache penetration and cache avalanche and cache breakdown solutions
随机推荐
怎么在opengauss中进行测试自己添加的新函数的性能(循环n次的运行时间)?
Component communication - parent-child component communication
软件测试<用例篇>
【目标检测】Focal Loss for Dense Object Detection
如何在 DataWorks 中 写SQL语句监控数据的变化到达一定的值 进行提示
【数仓】数据质量监控
国内首发可视化智能调优平台,小龙带你玩转KeenTune UI
如何直击固定资产管理的难题?
204. Count Primes
EMQX Newsletter 2022-07|EMQX 5.0 正式发布、EMQX Cloud 新增 2 个数据库集成
通俗理解apt-get 和pip的区别是什么
论文解读(JKnet)《Representation Learning on Graphs with Jumping Knowledge Networks》
融云「音视频架构实践」技术专场【内含完整PPT】
一键进入华为云会议,长期免费值得所有开发团队有一套【华为云至简致远】
兄弟组件通信context
【engine】RtcSyncCallback回调、回调容器RtcCallbackContainer及MediaPacketSenderImpl 中回调使用
ThreeJS简介
【机器学习】机器学习基本概念/术语3
使用deepstream消息发送功能的时候,检测框没有检测标签,No text labels of bboxes displayed with osd for deepstream-test5
Halcon 小笔记 C# 图片是否有效