bootstrap实现点击删除按钮弹出确认框的实例代码


Posted in Javascript onAugust 16, 2018

具体代码如下所示:

<%@ 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实现点击删除按钮弹出确认框的实例代码bootstrap实现点击删除按钮弹出确认框的实例代码

总结

以上所述是小编给大家介绍的bootstrap实现点击删除按钮弹出确认框的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript web对话框与弹出窗口
Feb 22 Javascript
Chrome中JSON.parse的特殊实现
Jan 12 Javascript
JQuery触发radio或checkbox的change事件
Dec 18 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
Feb 11 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
JS实现支持多选的遍历下拉列表代码
Aug 20 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
Mar 05 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
浅谈mint-ui loadmore组件注意的问题
Nov 08 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
Sep 05 Javascript
详解Vue3使用axios的配置教程
Apr 29 Vue.js
浅谈Vue.js路由管理器 Vue Router
Aug 16 #Javascript
layui问题之模拟select点击事件的实例讲解
Aug 15 #Javascript
深入理解Vue router的部分高级用法
Aug 15 #Javascript
JS打印彩色菱形的实例代码
Aug 15 #Javascript
layui点击按钮添加可编辑的一行方法
Aug 15 #Javascript
layui 优化button按钮和弹出框的方法
Aug 15 #Javascript
jQuery实现参数自定义的文字跑马灯效果
Aug 15 #jQuery
You might like
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
PHP 图片合成、仿微信群头像的方法示例
2019/10/25 PHP
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
js 获取计算后的样式写法及注意事项
2013/02/25 Javascript
js 动态加载事件的几种方法总结
2013/12/25 Javascript
js中继承的几种用法总结(apply,call,prototype)
2013/12/26 Javascript
D3.js实现柱状图的方法详解
2016/09/21 Javascript
jQuery仿写百度百科的目录树
2017/01/03 Javascript
NodeJS 实现手机短信验证模块阿里大于功能
2017/06/19 NodeJs
Vue2.0基于vue-cli+webpack同级组件之间的通信教程(推荐)
2017/09/14 Javascript
微信小程序自定义导航栏(模板化)
2019/11/15 Javascript
linux下安装easy_install的方法
2013/02/10 Python
python实现随机密码字典生成器示例
2014/04/09 Python
Python中apply函数的用法实例教程
2014/07/31 Python
在Django框架中伪造捕捉到的URLconf值的方法
2015/07/18 Python
Python装饰器用法实例总结
2018/02/07 Python
python3利用Dlib19.7实现人脸68个特征点标定
2018/02/26 Python
Python datetime包函数简单介绍
2019/08/28 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
Pytorch对Himmelblau函数的优化详解
2020/02/29 Python
pytorch下的unsqueeze和squeeze的用法说明
2021/02/06 Python
小狗电器官方商城:中国高端吸尘器品牌
2017/03/29 全球购物
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
面向对象编程的优势是什么
2015/12/17 面试题
遇到的Mysql的面试题
2014/06/29 面试题
应届生船舶驾驶求职信
2013/10/19 职场文书
设计顾问服务计划书
2014/05/04 职场文书
小学综合实践活动总结
2014/07/07 职场文书
妇联领导班子剖析材料
2014/08/21 职场文书
干部作风建设心得体会
2014/10/22 职场文书
检讨书大全
2015/01/27 职场文书
2019幼儿园感恩节活动策划书
2019/11/28 职场文书
Python insert() / append() 用法 Leetcode实战演示
2021/03/31 Python
SQL Server2019数据库备份与还原脚本,数据库可批量备份
2021/11/20 SQL Server
Python机器学习应用之基于线性判别模型的分类篇详解
2022/01/18 Python