bootstrap實現(xiàn)點擊刪除按鈕彈出確認框的實例代碼
更新時間：2018年08月16日 09:37:23 作者：Wj要努力
本文通過實例代碼給大家介紹了bootstrap實現(xiàn)點擊刪除按鈕彈出確認框的方法，需要的朋友參考下吧
具體代碼如下所示：
<%@ 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">確定要刪除聯(lián)系人？</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>
總結(jié)
以上所述是小編給大家介紹的bootstrap實現(xiàn)點擊刪除按鈕彈出確認框的實例代碼，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- 在iframe中使bootstrap的模態(tài)框在父頁面彈出問題
- Bootstrap彈出框之自定義懸?？驑祟}、內(nèi)容和樣式示例代碼
- Bootstrap的popover（彈出框）2秒后定時消失的實現(xiàn)代碼
- 擴展bootstrap的modal模態(tài)框-動態(tài)添加modal框-彈出多個modal框
- Bootstrap實現(xiàn)提示框和彈出框效果
- Bootstrap實現(xiàn)帶動畫過渡的彈出框
- Bootstrap編寫一個在當前網(wǎng)頁彈出可關閉的對話框 非彈窗
- Bootstrap彈出框(modal)垂直居中的問題及解決方案詳解
- 關于Bootstrap彈出框無法調(diào)用問題的解決辦法
- JS組件Bootstrap實現(xiàn)彈出框和提示框效果代碼
相關文章
構(gòu)造函數(shù)就是初始化一個實例對象，對象的prototype屬性是繼承一個實例對象。本文給大家分享javascript構(gòu)造函數(shù)詳解，對js構(gòu)造函數(shù)相關知識感興趣的朋友一起學習吧2015-12-12
通過分析評論功能的邏輯關系，學會如何使用JavaScript實現(xiàn)評論、回復、點贊等各種功能。這篇文章主要介紹了JavaScript評論點贊功能的實現(xiàn)方法,需要的朋友可以參考下2017-03-03
這篇文章主要介紹了javascript中解析四則運算表達式的算法和示例,本文介紹了中綴表示法、逆波蘭表示法這2種算法,并分別給出了代碼實例,需要的朋友可以參考下2014-08-08
基于element-ui組件手動實現(xiàn)單選和上傳功能
在用戶使用過程中提出一鍵導入的功能，需求如下:點擊導入按鈕顯示提示框，然后是單選框以及上傳按鈕。這篇文章主要介紹了基于element-ui組件手動實現(xiàn)單選和上傳功能,需要的朋友可以參考下2018-12-12
JavaScript實現(xiàn)搜索框的自動完成功能(一)
在很多需要搜索的網(wǎng)站, 都會有一個自動完成的搜索框. 方便用戶查找他們想要的搜索詞. 幫助用戶快速找到自己想要的結(jié)果.接下來通過本文給大家介紹JavaScript實現(xiàn)搜索框的自動完成功能(一)，需要的朋友參考下吧2016-02-02
在發(fā)送短信息驗證碼的時候要用到js設置時間倒序問題，有時候會導致js失效問題，怎么辦呢？今天小編給大家分享JS設置時間無效問題的解決辦法，需要的朋友參考下吧2017-02-02
[紅色]教學演示-UBB,剪貼板,textRange及其他...2006-11-11
利用hasOwnProperty給數(shù)組去重的面試題分享
obj.hasOwnProperty(attr) 判斷是否是原型中的屬性，false就是原型中的屬性，下面這篇文章主要給大家介紹了一道利用hasOwnProperty給數(shù)組去重的面試題，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下2018-11-11
這篇文章主要介紹了JS基于Mootools實現(xiàn)的個性菜單效果代碼,涉及JavaScript頁面元素的遍歷及樣式的動態(tài)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
javascript獲取select的當前值示例代碼(兼容IE/Firefox/Opera/Chrome)
本篇文章主要介紹了javascript獲取select的當前值示例代碼(兼容IE/Firefox/Opera/Chrome) 需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12