本文通过实例代码给大家介绍了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">删除</button>
<div id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
 <div role="document">
  <div>
   <div>
    <button type="button" aria-label="Close"><span aria-hidden="true">×</span></button>
    <h4 id="exampleModalLabel">确认框</h4>
   </div>
   <div>
    <form>
    <div>
      <label for="message-text">确定要删除联系人?</label>
     </div>
    </form>
   </div>
   <div>
    <button type="button">返回</button>
    <button type="button">确认</button>
   </div>
  </div>
 </div>
</div>
</body>
</html>

总结

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

最新资讯
消息称OYO将上架携程和美团

消息称OYO将上架携程

据环球旅讯消息,携程、美团即将对OYO进行解禁,在这两大
“朱诺”号证实木星磁场随时间变化

“朱诺”号证实木星磁

研究人员在最新一期《自然·天文学》杂志上指出,新研究
俯瞰”生命进程,中国科学家将主导基因组标签计划

俯瞰”生命进程,中国科

国际合作的人类基因组计划(HGP)耗时13年、花费30亿美元
曾像地球一样宜居的金星 最后为何死气沉沉?

曾像地球一样宜居的金

据外媒报道,现在金星是一个人类无法居住的恐怖地方,但它
华润万家入驻饿了么,腾讯、阿里系边界逐渐模糊

华润万家入驻饿了么,腾

不论如何,华润万家能同时牵手阿里、腾讯两大阵营,都为线
俞军关于企业本质的读书思考

俞军关于企业本质的读

什么是组织?组织,是有共同目标、共同理念、共同知识,一定
最新文章
JavaScript解析及序列化JSON的方法实例分析

JavaScript解析及序列

这篇文章主要介绍了JavaScript解析及序列化JSON的方法
如何为vuex实现带参数的 getter和state.commit

如何为vuex实现带参数

这篇文章主要介绍了如何为vuex实现带参数的getter和st
使用VUE+iView+.Net Core上传图片的方法示例

使用VUE+iView+.Net C

这篇文章主要介绍了使用VUE+iView+.Net Core上传图片
JS实现的获取银行卡号归属地及银行卡类型操作示例

JS实现的获取银行卡号

这篇文章主要介绍了JS实现的获取银行卡号归属地及银行
Angular6 用户自定义标签开发的实现方法

Angular6 用户自定义

这篇文章主要介绍了Angular6 用户自定义标签开发的实
React 实现拖拽功能的示例代码

React 实现拖拽功能的

这篇文章主要介绍了React 实现拖拽功能的示例代码,小编