当前位置:网站首页>【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 是写你要跳转的删除页面,并在后面拼接你要删除那条记录。
边栏推荐
猜你喜欢
随机推荐
【AppCube】零代码小课堂开课啦
CC2530_ZigBee+华为云IOT:设计一套属于自己的冷链采集系统
组件通信-父传子组件通信
我想请问下,我们的数据库是在亚马逊,Dataworks 连不通,怎么办?
【GAMES101】作业6 加速结构
ASP.NET Core依赖注入之旅:3.Service Locator和依赖注入
Halcon 小笔记 C# 图片是否有效
一个域名对应多个IP地址
如何直击固定资产管理的难题?
大佬们。使用flink-cdc-sqlserver 2.2.0 版本读取sqlserver2008R
node connection mongoose database process
383. Ransom Note
[redis] cache penetration and cache avalanche and cache breakdown solutions
A complete detailed tutorial on building intranet penetration ngrok (with pictures and truth)
JVS低代码-多数据模型与数据联动配置举例
PMP备考敏捷考题的五点应对策略
isNotBlank与isNotEmpty
数字资产的价值激发:NFT 质押
5. Longest Palindromic Substring
【数仓】数据质量监控









