bootstrap实现点击删除按钮弹出确认框的实例代码
作者：Wj要努力 发布时间：2023-08-28 09:36:20
标签：bootstrap,弹出,框
具体代码如下所示：
<％@ page language="java" import="com.student.servlet.*" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"％>
<％@page import="java.util.*" import="com.student.vo.User"％>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="bootstrap/bootstrap.min.css" rel="external nofollow" />
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="bootstrap/bootstrap.min.js"></script>
</head>
<body>
<script type="text/javascript">
$('#myModal').on('shown.bs.modal', function () {
$('#myInput').focus()
})
</script>
<button type="button" class="btn btn-danger" data-toggle="modal" data-target="#exampleModal" data-whatever="@mdo">删除</button>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="exampleModalLabel">确认框</h4>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="message-text" class="control-label">确定要删除联系人？</label>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
<button type="button" class="btn btn-primary">确认</button>
</div>
</div>
</div>
</div>
</body>
</html>
总结
以上所述是小编给大家介绍的bootstrap实现点击删除按钮弹出确认框的实例代码，希望对大家有所帮助
来源：https://blog.csdn.net/dreamzuora/article/details/78954251
0
投稿猜你喜欢
本文实例讲述了Python实现读取及写入csv文件的方法。分享给大家供大家参考，具体如下：新建csvData.csv文件，数据如下：具体代码- 用ASP编写虚拟社区、网上购物等程序时，Application和Session对象具有举足轻重的作用，能够灵活合理地运用这两个对
- 上篇使用Vue.js制作仿Metronic高级表格（一）静态设计介绍了需求、原型设计以及静态页面实现，这篇讲解如何使用Vue渲染数据，实现动
- 一、多表查询多表查询，也称为关联查询，指两个或更多个表一起完成查询操作。前提条件：这些一起查询的表之间是有关系的（一对一、一对多），它们之间
- 前段时间做一个小项目碰到了一个导航制作的方式然后突然想到曾经很久以前看到的梯形状的不规则导航，就尝试做了一下。结果碰到了几个问题，后来在同事
- 前言利用Django开发网站，可以设计出非常优美的url规则，如果url的匹配规则（包含正则表达式）组织得比较好，view的结构就会比较清晰
- 这篇文章主要介绍了pandas和spark dataframe互相转换实例详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定
- Jinja是组成Flask的模板引擎。可能你还不太了解它是干嘛的，但你对下面这些百分号和大括号肯定不陌生：{％ block body ％}
- 基于之前的文章方法，加入批处理命令即可实现自动备份。只是由于批处理命令中对于备份文件的名字按照时间命名比较特别，所以特别整理一文。1、复制d
- 一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init ai
- 导语昨晚玩起了小时候玩的游戏“吃豆豆”，但是我发现，一局游戏三条命，我根本不能吃完所有的豆豆，总是被
- 什么是性能分析？性能分析是衡量应用程序在代码级别的相对性能。性能分析将捕捉的事件包括：CPU的使用，内存的使用，函数的调用时长和次数，以及调
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN&
- # -*- coding: utf-8 -*-"""Created on Sat Jun 20 19:36:3
- 一、基本思想本文思想是基于用asp和DOM来读取和存储XML数据，并利用XML数据来存储留言信息，达到同用数据库存储数据的功能。二、XML留
- 以下就是php动态生成函数示例，示例中用到了eval函数，我感觉如果服务器上允许用户运行这样的函数是非常危险的<?$a['a&
- vue页面的打印和下载PDF（加水印）vue项目页面的打印打印的不用说，调用 window.print() 的方法即可；注意点：如果用到背景
- 本文实例讲述了js选项卡的实现方法。分享给大家供大家参考。具体分析如下：一、思路1. 获取元素；2. for循环按钮元素添加onclick(
- 基于python opencv人脸识别的签到系统前言先看下效果实现的功能开始准备页面的构建功能实现代码部分总结前言一个基于opencv人脸识
- 模块概述如果说模块是按照逻辑来组织 Python 代码的方法, 那么文件便是物理层上组织模块的方法。 因此, **一个文件被看作是一个独立模
