js中 批量删除confirm提示框的使用

  • 效果图
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述- html

<input type="button" value="批量删除" class="plsc"/>
  • script
//批量删除提示框
		$(".plsc").click(function(){
			var con=confirm("确认删除?");
			if(con==true){
				//批量删除
				var id=$(".ck:checked");
				if(id.length>0){
				id.each(function(){
					$(this).parent().parent().remove();
				})
					alert("删除成功");
				}else{
					alert("请选择数据");
				}
			
			}else{
				alert("删除失败");
			}
		});
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Vue实现复选框的批量删除,您可以按照以下步骤进行操作: 1. 首先,在列表页面添加一个批量删除按钮,可以使用Element UI的el-button组件来实现,设置按钮的类型为danger,大小为mini,并绑定点击事件removeRows()。 2. 然后,在Vue组件编写批量删除JS代码。在data定义一个multipleSelection数组,用于存储选的记录列表。在removeRows方法使用this.$confirm方法弹出一个确认框,当用户点击确定时,遍历multipleSelection数组,获取选记录的id,并将id存入idList数组。然后调用用户API的batchRemove方法进行批量删除删除成功后提示用户删除成功,并刷新页面。 3. 在表格添加selection-change事件,绑定到handleSelectionChange方法。在该方法,将选的记录赋值给multipleSelection数组。 下面是示例代码: ```html <template> <div> <el-button type="danger" size="mini" @click="removeRows">批量删除</el-button> <el-table :data="list" stripe style="width: 100%" @selection-change="handleSelectionChange"> <!-- 表格列配置 --> </el-table> </div> </template> <script> import user from '@/api/user' export default { data() { return { list: [], // 数据列表 multipleSelection: [] // 批量选择选择的记录列表 } }, created() { this.getList() // 在页面渲染前执行获取列表数据的方法 }, methods: { getList() { // 获取数据列表的方法 }, removeRows() { // 批量删除的方法 this.$confirm('此操作将永久删除的用户信息,是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { var idList = [] for (var i = 0; i < this.multipleSelection.length; i++) { var obj = this.multipleSelection[i] var id = obj.id idList.push(id) } user.batchRemove(idList) .then(response => { // 提示删除成功 this.$message({ type: 'success', message: '删除成功!' }) // 刷新页面 this.getList() }) }) }, handleSelectionChange(val) { // 处理选记录变化的方法 this.multipleSelection = val } } } </script> ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值