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实现的网页局布刷新效果
Dec 01 Javascript
javascript 字符 Escape,encodeURI,encodeURIComponent
Jul 09 Javascript
基于jquery的15款幻灯片插件
Apr 10 Javascript
js面向对象 多种创建对象方法小结
May 21 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
Jun 12 Javascript
Jquery 点击按钮自动高亮实现原理及代码
Apr 25 Javascript
js监听鼠标事件控制textarea输入字符串的个数
Sep 29 Javascript
JavaScript事件委托用法分析
Jan 24 Javascript
JavaScript学习小结(一)——JavaScript入门基础
Sep 02 Javascript
JS表单验证的代码(常用)
Apr 08 Javascript
vuejs中监听窗口关闭和窗口刷新事件的方法
Sep 21 Javascript
extjs4图表绘制之折线图实现方法分析
Mar 06 Javascript
浅谈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+XML 制作简单的留言本 图文教程
2009/11/02 PHP
简单实用的.net DataTable导出Execl
2013/10/28 PHP
Ubuntu中搭建Nginx、PHP环境最简单的方法
2015/03/05 PHP
PHP使用curl模拟post上传及接收文件的方法
2016/03/04 PHP
PHP用continue跳过本次循环中剩余代码的注意点
2017/06/27 PHP
use jscript List Installed Software
2007/06/11 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
2010/07/13 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
node.js中的http.response.end方法使用说明
2014/12/14 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
AngularJS 作用域详解及示例代码
2016/08/17 Javascript
jquery实现弹窗功能(窗口居中显示)
2017/02/27 Javascript
react-router实现按需加载
2017/05/09 Javascript
element-ui 上传图片后清空图片显示的实例
2018/09/04 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
2018/10/10 Javascript
JavaScript实现学生在线做题计时器功能
2018/12/05 Javascript
vue-cli 目录结构详细讲解总结
2019/01/15 Javascript
es6数据变更同步到视图层的方法
2019/03/04 Javascript
微信小程序 wx:for遍历循环使用实例解析
2019/09/09 Javascript
JS实现百度搜索框关键字推荐
2020/02/17 Javascript
小程序瀑布流组件实现翻页与图片懒加载
2020/05/19 Javascript
python3实现名片管理系统
2020/11/29 Python
Python爬虫之Selenium实现关闭浏览器
2020/12/04 Python
css3设置box-pack和box-align让div里面的元素垂直居中
2014/09/01 HTML / CSS
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
HTML5的Geolocation地理位置定位API使用教程
2016/05/12 HTML / CSS
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
香港草莓网土耳其网站:Strawberrynet TR
2017/03/02 全球购物
动员大会主持词
2014/03/20 职场文书
群众路线剖析材料
2014/09/30 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
大国崛起日本观后感
2015/06/02 职场文书
Django cookie和session的应用场景及如何使用
2021/04/29 Python
Go语言空白表示符_的实例用法
2021/07/04 Golang