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

最新资讯
特斯拉加州工厂又发生火灾 未影响到汽车生产

特斯拉加州工厂又发生

特斯拉位于加州弗里蒙特的汽车工厂在周六晚上发生火灾
专家称华为做电视“板上钉钉” 华为:不评论传言

专家称华为做电视“板

对此,华为相关负责人向《证券日报》记者表示,不评论传言
多个手机子品牌相继问世 命运却大不相同

多个手机子品牌相继问

近年来,手机多个子品牌相继问世,但又命运不同。
新京报:别让无资质App污了“网约护士”

新京报:别让无资质App

我们对待新事物的出现,从来都应是鼓励的。但新事物一出
《流浪地球》13日票房近38亿元 有望超越《战狼2》

《流浪地球》13日票房

由郭帆导演,吴京特别出演的《流浪地球》票房达到37.73
乐视影业首次被列入失信名单 一众明星被套牢

乐视影业首次被列入失

乐视风暴进一步蔓延,曾经的乐视系明星公司乐视影业首次
最新文章
微信小程序CSS3动画下拉菜单效果

微信小程序CSS3动画下

这篇文章主要为大家详细介绍了微信小程序CSS3动画下拉
微信小程序使用swiper组件实现层叠轮播图

微信小程序使用swiper

这篇文章主要为大家详细介绍了微信小程序使用swiper组
微信小程序实现带缩略图轮播效果

微信小程序实现带缩略

这篇文章主要为大家详细介绍了微信小程序实现带缩略图
小程序实现五星点评效果

小程序实现五星点评效

这篇文章主要为大家详细介绍了小程序实现五星点评效果
微信小程序实现笑脸评分功能

微信小程序实现笑脸评

这篇文章主要为大家详细介绍了微信小程序实现笑脸评分
微信小程序自定义轮播图

微信小程序自定义轮播

这篇文章主要为大家详细介绍了微信小程序自定义轮播图