JQuery Delete Confirm Modal using Bootbox Example

By Hardik Savani April 21, 2023 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:

Read Also: Laravel 10 Bootstrap Auth Scaffolding Tutorial
<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>

I hope it can help you...

Tags :

We are Recommending you

Popular Posts

Categories

Latest Posts