Display Confirm Prompt When Checkbox is Checked But Not When Unchecked

[squints]

@felgall

@squints

What would you recommend rather than using a confirm prompt?

There are a number of build your own dialog scripts that have been written where you simply specify a few parameters to have a proper dialog box appear in the page that looks however you want it to look. One called sweetalert has been mentioned on the forum a few times.

Hey Felgall & Mittineague, it looks like I got sweetalert working in place of the standard confirm prompt but I am still running into the issue of the alert firing when the checkbox is unchecked as well as when it is checked.

Here is my code:

function set_check(me){  
swal({   title: "Are you sure?",   
  type: "warning",   
  showCancelButton: true,   
  confirmButtonColor: "#DD6B55",   
  confirmButtonText: "Yes!", 
  timer: 20000,  
  closeOnConfirm: true },
    function(isConfirm) { 
  if(me.checked && isConfirm) {
    setCookie(me.value, me.checked, 1);
    console.log(me.value);
    console.log(me.checked);
    console.log(document.cookie);
    window.location.reload();
} else if (me.checked && ! isConfirm) {
    window.location.reload();
} else if (! me.checked) {
    setCookie(me.value, me.checked, -1);
    console.log(me.value);
    console.log(me.checked);
    console.log(document.cookie);
    window.location.reload();
}});
}

And here is my checkbox:

<div id="bd-button">   
<form name="bdchkbox">
<label>  
  <input type="checkbox" hidden="hidden" name="bdchk" id="bdchk" onChange="set_check(this)"><span id="bdlbl">Featured</span> 
</label>
</form>
</div>

How can I make the sweetalert confirm box only fire when the checkbox is being checked but not fire when being unchecked? In other words, only fire when the IF statement is true but not when the ELSE IF statements are true.

Thanks.