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 相关文章推荐
JS宝典学习笔记(下)
Jan 10 Javascript
从零开始学习jQuery (二) 万能的选择器
Oct 01 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 Javascript
javascript实现滑动解锁功能
Dec 31 Javascript
JavaScript代码实现左右上下自动晃动自动移动
Apr 08 Javascript
浅析创建javascript对象的方法
May 13 Javascript
javascript设计模式之module(模块)模式
Aug 19 Javascript
前端框架Vue.js构建大型应用浅析
Sep 12 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
socket.io与pm2(cluster)集群搭配的解决方案
Jun 02 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
Nov 26 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 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的FTP学习(二)[转自奥索]
2006/10/09 PHP
WIN98下Apache1.3.14+PHP4.0.4的安装
2006/10/09 PHP
php中通过虚代理实现延迟加载的实现代码
2011/06/10 PHP
PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)
2012/04/02 PHP
php弹出对话框实现重定向代码
2014/01/23 PHP
ThinkPHP快速入门实例教程之数据分页
2014/07/01 PHP
php命令行用法入门实例教程
2014/10/27 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
PHP编写简单的App接口
2016/08/28 PHP
Thinkphp框架+Layui实现图片/文件上传功能分析
2020/02/07 PHP
PHP基于进程控制函数实现多线程
2020/12/09 PHP
DOM 中的事件处理介绍
2012/01/18 Javascript
js中arguments的用法(实例讲解)
2013/11/30 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
javascript实现在某个元素上阻止鼠标右键事件的方法和实例
2014/08/12 Javascript
js查找节点的方法小结
2015/01/13 Javascript
jQuery中unbind()方法用法实例
2015/01/19 Javascript
javascript制作的简单注册模块表单验证
2015/04/13 Javascript
PHP+mysql+Highcharts生成饼状图
2015/05/04 Javascript
深入理解node exports和module.exports区别
2016/06/01 Javascript
Javascript中的arguments对象
2016/06/20 Javascript
jquery实现点击页面回到顶部
2016/11/23 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
vue-cli3中vue.config.js配置教程详解
2019/05/29 Javascript
详解elementUI中input框无法输入的问题
2020/04/27 Javascript
JavaScript实现答题评分功能页面
2020/06/24 Javascript
详解微信小程序「渲染层网络层错误」的解决方法
2021/01/06 Javascript
python获取当前时间对应unix时间戳的方法
2015/05/15 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
详解Pytorch 使用Pytorch拟合多项式(多项式回归)
2018/05/24 Python
Python编程快速上手——PDF文件操作案例分析
2020/02/28 Python
解决Keras 中加入lambda层无法正常载入模型问题
2020/06/16 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
高级工程师英文求职信
2014/03/19 职场文书