I want Sweet alert to work first to change the check to true, false, what to do?

Question

I want Sweet alert to work first to change the check to true, false, what to do? Please help me !

$("#our-table").on('click', '#button-delete', function () {
    var check = null;

    Swal.fire({
        title: 'Are you sure ?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Comfirm'
    }).then((result) => {
        if (result.isConfirmed) {
            check == true
        } 
    })

    if (check == true) {
        return true;
    }
    else {
        return false;
    }
});

What's your goal? You will make your check to true or false then show something(or return something) when sweetalert's confirm is clicked? — Shahnawaz Hossan, Dec 19 '20 at 08:49

score 0 · Answer 1 · answered Dec 19 '20 at 08:49

0

Think the only thing you need to change is

 if (result.isConfirmed) {
     check = true
   }

The == is actually doing a check instead of an assignment.

answered Dec 19 '20 at 08:49

Linuxuser07

46
5

Shahnawaz Hossan · Accepted Answer · 2020-12-19T09:37:37.080

0

Firstly if you want to return true or false according to sweetalert's confirmation, you can pass a callback function and return the checked value in this way:

function sweetChecked(callback) {
    Swal.fire({
        title: 'Are you sure ?',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Comfirm'
    }).then((result) => {
        callback(result.isConfirmed);
    })
}

$("#button-delete").on('click', function (event) {
    event.preventDefault();
    var URLToRedirect = event.currentTarget.getAttribute('href');
    console.log(URLToRedirect);
    sweetChecked(function (checked) {
        if (checked) {
            console.log("true");
            window.location.href = URLToRedirect;
        }
        else {
            console.log("false");
        }
    });
});

<script src="https://code.jquery.com/jquery-3.5.1.min.js"
    integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.12.5/dist/sweetalert2.all.min.js"></script>

<a id="button-delete" href="/ManageUser/Delete/01">Delete</a>

edited Dec 19 '20 at 09:37

answered Dec 19 '20 at 09:02

Shahnawaz Hossan

2,695
2
13
24

Sorry But the button I pressed I use tag which takes me to the link without waiting for sweet alert to work. – Tee Adkins Dec 19 '20 at 09:13
1

Can you explain your goal a little bit? – Shahnawaz Hossan Dec 19 '20 at 09:17
If you want to get the checked value first then go to a URL, that can be done as well. – Shahnawaz Hossan Dec 19 '20 at 09:19
I have a delete button which sends a get value to delete the data, and I want it to alert first, which I use tag But what happens is that there is no notification and the value will be sent as soon as I press it. – Tee Adkins Dec 19 '20 at 09:23
What would you do with href after deleting? – Shahnawaz Hossan Dec 19 '20 at 09:29
When pressing I want Sweet alert to ask first, and if I click confirm, take to / ManageUser / Delete / id. – Tee Adkins Dec 19 '20 at 09:35
@TeeAdkins, check my updated answer. First you need to stop the default event of the anchor tag, then you can go to the next page by getting `href` from the anchor tag. – Shahnawaz Hossan Dec 19 '20 at 09:39
1

Well done !. Thank you very much brother. You are my idol – Tee Adkins Dec 19 '20 at 09:45
I think, your question is not a duplicate of another which is marked as duplicated. – Shahnawaz Hossan Dec 19 '20 at 09:51

I want Sweet alert to work first to change the check to true, false, what to do?

2 Answers2