JQuery – Delete confirm modal using bootbox example
In this post we will give you information about JQuery – Delete confirm modal using bootbox example. Hear we will give you detail about JQuery – Delete confirm modal using bootbox exampleAnd how to use it also give you demo for it if it is necessary.
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 >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>
Hope this code and post will helped you for implement JQuery – Delete confirm modal using bootbox example. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs