js删除数据弹出确认删除的提示信息

最新推荐文章于 2022-11-28 13:03:03 发布
最新推荐文章于 2022-11-28 13:03:03 发布
阅读量558 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/40ps/archive/2011/04/30/2033249.html
版权

通过链接来删除的就这样写 

<a href="del.aspx?id=1" οnclick="return confirm('确定删除该记录吗?')">删除</a>

通过按钮来删除的就这样写

<input class="button" type="button" name="Sub" value="批量删除" οnclick="DelFromLst();">


<script type="text/javascript">
<!--
function DelFromLst(){
	if(confirm('确认删除已选择数据吗?')){
		document.selform.action.value='batdel';
		document.selform.submit();
	}
}
-->
</script>

注意这里的按钮是 button类型的，不是submit。

当然程序还是建议保持数据的完整性，不彻底删除数据，用一个字段来做标识，例如删除后到垃圾箱，然后可以再恢复就更好了。

转载于:https://www.cnblogs.com/40ps/archive/2011/04/30/2033249.html

weixin_30339969
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
asp.net GridView 删除时弹出确认对话框(包括内容提示)
10-29
但是，在删除数据时，通常需要弹出确认对话框，以便用户确认删除操作。本文将展示如何在 ASP.NET GridView 控件中弹出确认对话框，并提供相应的代码示例。 标题：ASP.NET GridView 删除时弹出确认对话框 GridView...
【ASP.NET编程知识】GridView控件实现数据的显示和删除（第8节）.docx
05-20
”的提示信息，当按确定按钮时删除该行的信息，按取消按钮时不执行删除操作。 知识点一：数据源控件 * 定义：用于实现从不同数据源获取数据的功能，可以设置连接信息、查询信息、参数和行为，可以消除 ASP.NET 中...
用javascript做删除时的提示信息
宏轩ＪＡＶＡ技术专栏
09-06 1565
第一种function deleteRecord(theId){ if(!confirm("您确定要删除该条记录吗？")) {  return ; } document.location.href="delete.do?id="+theId;}  )">删除 第二种删除
js删除记录时弹出提示
A9925的专栏
02-15 1087
方法： // function confirmDelete(url,msg) { if (!url || url == "") return; if (!msg || msg == "") return; if (confirm(msg)) {  location.href = url; } } //--> 使用： 1、//用拼接字符串的写法
删除数据时的提示效果
tianjun2012的专栏
12-10 571
还是不说废话，上图，看效果 前端代码如下：<html> <head> <meta charset="UTF-8"> <title>标题</title> <script language="JavaScript" type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
删除数据时提示信息在页面中显示
weixin_30612769的博客
12-03 203
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met...
删除数据时弹出提示信息
IT程序员的成长记
08-03 1087
str += " + item.OrderID + "' onclick='return delOrder();'>" + "";
Asp.net后台弹出提示方法
09-02
在 tishi() 函数中，我们使用 confirm 方法来弹出确认框，并根据用户的选择执行不同的语句块。 在 JavaScript 端，我们可以使用以下代码来实现确认框的逻辑： ```javascript <script type="text/javascript"> ...
关于alert,message,confirm三种弹出层的说明
04-22
alert、message、confirm三种弹出层是JavaScript中常用的交互方式，它们都是基于JQuery拓展控件SimpleModal实现的。SimpleModal提供了弹出层的主要功能，我们只要调节一下样式，然后再设置按钮添加一些基本事件就好...
JavaScript网页特效范例宝典源码
09-04
1.1 弹出窗口控制 2 实例001 打开新窗口显示广告信息 2 实例002 定时打开窗口 4 实例003 通过按钮创建窗口 5 实例004 自动关闭的广告窗口 6 实例005 控制弹出窗口居中显示 7 实例006 弹出的窗口之Cookie控制 9 实例...
javascript删除提示弹出况确认
pyphrb的博客
09-22 496
<?php echo "<td><a href=\"http://www.myweb.com/index.php/Protect/del_block_ip?ip={$key}\" class=\"btn btn-danger btn-mini\" onclick=\"delcfm();\">解除封印</a></td>";?><script language="javascript">
网页中删除数据弹出提示框
weixin_30498807的博客
04-05 486
当点击删除时,弹出提示的对话框,点击确定就跳转到处理页面,点击取消不跳转 代码: <!--删除时出现对话框提示--> <!--<a href="delete.php" onclick="return confirm('确定删除吗?');">删除</a>--> 效果: 转载于:https://www.cnblogs.com/sjxx...
首先判断是否有选择记录，再confirm用户确认删除
weixin_33728268的博客
10-28 400
用户操作删除记录之前给用户一个确认是否删除的提示。一般情况之下，一条记录一条记录删除是没有问题的。但是，如遇到可以多选，如果用户没有选择记录，直接去点删除铵钮，它会首先提示删除前的确认信息，再提示用户没有选择想要删除的记录。Insus.NET想实现的是，把它的顺序调换一下，首先判断用户是否有选择记录，如果没有，提示用户选择记录，一旦有选择记录时，才提示删除前确认信息。 下面实例，将是GridVi...
在 JavaScript 中实现删除前弹出对话框确认删除
allway2的博客
11-28 3837
confirm（） 方法显示一个对话框，其中包含指定的消息，以及“确定”和“取消”按钮。”，则href重定向到“ url_to_delete”，否则如果单击“在这里，我们只是显示一个确认框，如果用户选择。然后返回 true，否则返回 false。创建一个函数名称为“确认删除”的按钮。确认删除按钮工作，如果用户选择“”则不会发生任何反应。我希望，它会帮助你。
如何编写js弹出确认删除的提示信息
heshi_yao的专栏
01-20 5324
我们管理列表有删除数据一般都是给一个超级链接，点击超级链接就可以删除相应的数据，但是有时候不小心点击到了数据就被删除了，如果有回收站功能的系统还可以恢复，如果没有回收站功能的系统就麻烦了，所以在删除数据的时候最好有一个确认提示框，是否真的删除数据，如果点击是就删除，点击否就不删除，下面我们来看看这样的代码需要怎么来写。 1、通过链接来删除数据出现提示 a href="del.aspx?id=1
【JS】利用JS给删除按钮添加提示框
qq_42195589的博客
08-02 1059
JS给删除按钮添加提示框
js确认删除提示
Wanglas的博客
11-15 718
var del=confirm("确认删除吗！"); if(!del){ return false; }else { #code }
商品管理页面 vue.js 1.id 2.商品名称 3.单价price 4.数量num 1.展示数据 2. 增加 3. 修改 回显 4. 删除 提示! 让用户点确认操作
最新发布
05-26
好的，这个商品管理页面可以通过 Vue.js 来进行开发。其中需要考虑的页面元素有： 1. id: 商品的唯一标识符 2. 商品名称：商品的名称 3. 单价 price：商品的单价 4. 数量 num：商品的数量 同时，页面需要支持以下操作： 1. 展示数据：展示已有的商品数据 2. 增加：添加新的商品数据 3. 修改回显：在页面上回显某个商品的信息，可以进行修改 4. 删除提示：在删除某个商品时，需要给用户一个确认操作的提示。 下面是一个简单的 Vue.js 代码示例，可以作为参考： ```html <template> <div> <h1>商品管理页面</h1> <table> <thead> <tr> <th>id</th> <th>商品名称</th> <th>单价</th> <th>数量</th> <th></th> </tr> </thead> <tbody> <tr v-for="item in items" :key="item.id"> <td>{{ item.id }}</td> <td>{{ item.name }}</td> <td>{{ item.price }}</td> <td>{{ item.num }}</td> <td> <button @click="editItem(item)">编辑</button> <button @click="deleteItem(item)">删除</button> </td> </tr> </tbody> </table> <h2 v-if="editingItem">修改商品信息</h2> <form v-if="editingItem" @submit.prevent="saveItem"> <label> 商品名称： <input type="text" v-model="editingItem.name" /> </label> <br /> <label> 单价： <input type="number" v-model="editingItem.price" /> </label> <br /> <label> 数量： <input type="number" v-model="editingItem.num" /> </label> <br /> <button type="submit">保存</button> </form> <h2>添加商品</h2> <form @submit.prevent="addItem"> <label> 商品名称： <input type="text" v-model="newItem.name" /> </label> <br /> <label> 单价： <input type="number" v-model="newItem.price" /> </label> <br /> <label> 数量： <input type="number" v-model="newItem.num" /> </label> <br /> <button type="submit">添加</button> </form> </div> </template> <script> export default { data() { return { items: [ { id: 1, name: '商品1', price: 10, num: 100 }, { id: 2, name: '商品2', price: 20, num: 50 }, { id: 3, name: '商品3', price: 30, num: 20 }, ], newItem: { name: '', price: 0, num: 0, }, editingItem: null, }; }, methods: { addItem() { // 为新商品生成一个唯一的 id const id = this.items.length + 1; this.items.push({ id, ...this.newItem }); // 清空新商品表单 this.newItem = { name: '', price: 0, num: 0 }; }, editItem(item) { // 将要编辑的商品信息保存到 editingItem 中 this.editingItem = { ...item }; }, saveItem() { // 找到原来的商品信息，替换成编辑后的商品信息 const index = this.items.findIndex((item) => item.id === this.editingItem.id); this.items.splice(index, 1, this.editingItem); // 清空编辑商品表单 this.editingItem = null; }, deleteItem(item) { if (confirm('确定要删除该商品吗？')) { // 找到要删除的商品信息，从列表中删除 const index = this.items.findIndex((i) => i.id === item.id); this.items.splice(index, 1); } }, }, }; </script> ``` 在这个示例中，我们使用了一个 items 数组来保存已有的商品信息。在表格中使用 v-for 指令来遍历这个数组，将每个商品信息渲染到表格中。 当用户点击“编辑”按钮时，我们将要编辑的商品信息保存到 editingItem 中，并显示一个表单，允许用户修改商品信息。当用户点击“保存”按钮时，我们找到原来的商品信息，替换成编辑后的商品信息。 当用户点击“删除”按钮时，我们使用 confirm 函数弹出一个提示框，让用户确认是否要删除该商品。如果用户点击“确定”，我们找到要删除的商品信息，并从列表中删除。 当用户要添加新的商品时，我们显示一个包含表单的区域，允许用户输入商品信息。当用户点击“添加”按钮时，我们为新商品生成一个唯一的 id，并将其添加到 items 数组中。 需要注意的是，这个示例只是一个简单的 Vue.js 代码示例，实际开发中可能需要进行更多的定制化，例如通过接口从后台获取数据。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值