JQuery - Delete confirm modal using bootbox example

By Hardik Savani | April 28, 2016 | | 61125 Viewer | Category : PHP Javascript Bootstrap jQuery Bootbox.js


We always need ask confirmation for remove items. I mean we always ask before deleting items. So if you need to ask confirm before do something like delete, change status, change value etc as you require. If you want to do with better layout then you have to chooes bootbox.js and if you already use bootstrap then it's very better so, let's see bellow example and use it.

Example:

<html lang="en">

<head>

<title>Delete confirm modal using bootbox example</title>

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

</head>

<body>


<button class="btn btn-danger remove">Delete</button>


<!-- bootbox code -->

<script src="https://raw.githubusercontent.com/makeusabrew/bootbox/gh-pages/bootbox.js"></script>

<script>

$(document).on("click", ".remove", function(e) {

bootbox.confirm("Are you sure you want to delete?", function(result) {

if(result){

console.log('write code of remove item.');

}

});

});

</script>


</body>

</html>



Hardik Savani
My name is Hardik Savani. I'm a full-stack developer, entrepreneur and owner of Aatman Infotech. I live in India and I love to write tutorials and tips that can help to other artisan. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.
Follow Me: Github Twitter
***Do you want me hire for your Project Work? Then Contact US.


We are Recommending you: