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

最新资讯
ofo回应与白马投资广告合同纠纷:在保持沟通

ofo回应与白马投资广

今年以来,至少有9家企业将ofo告上法庭,包括上海凤凰、百
诺基亚成长基金合伙人邓元鋆:AI行业拐点已至

诺基亚成长基金合伙人

在邓元鋆看来,人工智能的行业“拐点”已至,盲目跟风和追
苹果提交申请以推翻在中国的iPhone销售禁令

苹果提交申请以推翻在

苹果周一对CNBC表示,该公司已提出上诉,希望推翻iPhone在
100元收入才赚3块钱? TCL怒了抛出47亿元重组方案

100元收入才赚3块钱? T

那么TCL集团为何进行此次重组?或许是因为华星光电的毛
人工智能加速期:算法为王还是“场景落地”优先?

人工智能加速期:算法为

去年大火的无人货柜,则用到了“物品识别”技术。接下来
互联网巨头和银行开放路线图:合作进入深水区

互联网巨头和银行开放

在金融科技方面转型比较好的金融机构都有“甘当配角”
最新文章
详解mpvue小程序中怎么引入iconfont字体图标

详解mpvue小程序中怎

这篇文章主要介绍了详解mpvue小程序中怎么引入iconfon
JS如何获取地址栏的参数实例讲解

JS如何获取地址栏的参

本篇文章给大家带来了关于JS如何获取地址栏的参数实例
angularJs利用$scope处理升降序的方法

angularJs利用$scope

今天小编就为大家分享一篇angularJs利用$scope处理升
CKEditor4配置与开发详细中文说明文档

CKEditor4配置与开发

网上分享的CKEditor4中文说明很多都只是的部分使用方
angularjs获取到My97DatePicker选中的值方法

angularjs获取到My97D

今天小编就为大家分享一篇angularjs获取到My97DatePic
vue实现一个炫酷的日历组件

vue实现一个炫酷的日

公司业务新开了一个商家管理微信H5移动端项目,日历控件