本文通过实例代码给大家介绍了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实现点击删除按钮弹出确认框的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对爱安网网站的支持!

最新资讯
夏普“三进三出”:手机业务折戟 欲进军企业级市场

夏普“三进三出”:手机

10月3日,夏普发布最轻旗舰AQUOS zero手机,不过《中国经
国际巨头鏖战中国企业级软件市场:CRM进入快车道

国际巨头鏖战中国企业

Salesforce创立于1999年3月,起家于云CRM工具,此前在企业
红矮星释放超级耀斑!对周围外星生命却是噩耗

红矮星释放超级耀斑!对

目前,天文学家再次观测到一颗红矮星释放超强耀斑,进一步
估值175亿的马蜂窝 竟是一座僵尸和水军构成的鬼城?

估值175亿的马蜂窝 竟

马蜂窝这2100万“真实点评“,里面有1800万条,是他们通过
觉得戴森卷发棒太贵了?或许它就想让你买不起

觉得戴森卷发棒太贵了

在北京五道口的一家理发店里,清一色选用的是戴森吹风机
揭秘水陆两栖飞机幕后护航人:上千人8个月高强度试验

揭秘水陆两栖飞机幕后

大型水陆两栖飞机“鲲龙”AG600昨日在湖北荆门成功实
最新文章
vue中引用swiper轮播插件的教程详解

vue中引用swiper轮播

这篇文章主要介绍了vue中引用swiper轮播插件的方法,在
JS实现的视频弹幕效果示例

JS实现的视频弹幕效果

这篇文章主要介绍了JS实现的视频弹幕效果,涉及javascr
jQuery实现的页面弹幕效果【测试可用】

jQuery实现的页面弹幕

这篇文章主要介绍了jQuery实现的页面弹幕效果,涉及jQu
深入理解Vue 组件之间传值

深入理解Vue 组件之间

这篇文章较详细的给大家介绍了vue组件之间传值的方法,
bootstrap实现点击删除按钮弹出确认框的实例代码

bootstrap实现点击删

本文通过实例代码给大家介绍了bootstrap实现点击删除
详解vue移动端项目的适配(以mint-ui为例)

详解vue移动端项目的

这篇文章主要介绍了详解vue移动端项目的适配(以mint-u