当前位置:网站首页>【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 是写你要跳转的删除页面,并在后面拼接你要删除那条记录。
边栏推荐
猜你喜欢

leetcode-每日一题899. 有序队列(思维题)

掌握Redis的Sentinel哨兵原理,可助你拿到25k的offer

面试不再被吊打!这才是Redis分布式锁的七种方案的正确打开方式

Web3的开源为何会如此受到人们喜爱?

精酿啤酒品牌,过把瘾就死?

sphinx coreseek的安装和php下使用

CC2530_ZigBee+华为云IOT:设计一套属于自己的冷链采集系统

Web3 安全风险令人生畏?应该如何应对?

使用deepstream消息发送功能的时候,检测框没有检测标签,No text labels of bboxes displayed with osd for deepstream-test5

uniapp 切换 history 路由模
随机推荐
国内首发可视化智能调优平台,小龙带你玩转KeenTune UI
使用deepstream消息发送功能的时候,检测框没有检测标签,No text labels of bboxes displayed with osd for deepstream-test5
腾讯电竞的蓝翔梦
多表查询最值
fastposter v2.9.0 程序员必备海报生成器
论文解读(JKnet)《Representation Learning on Graphs with Jumping Knowledge Networks》
关于 Intel 在 micro-vm 快速启动的探索及实例演示 | 第 36-38 期
【LeetCode】899. 有序队列
383. Ransom Note
双指针/滑动窗口问题
大型企业数据治理的现状和解决方案有哪些参考?_光点科技
【目标检测】Focal Loss for Dense Object Detection
PMP备考敏捷考题的五点应对策略
数字资产的价值激发:NFT 质押
SkyWalking概要介绍
Description of the functional scenario of "collective storage and general governance" in the data center
面试不再被吊打!这才是Redis分布式锁的七种方案的正确打开方式
华为ECS云服务器上安装Docker及部署Redis详细教程【华为云至简致远】
【云驻共创】【HCSD大咖直播】亲授大厂面试秘诀
CC2530_ZigBee+华为云IOT:设计一套属于自己的冷链采集系统