复选框弹出确认框，点取消，仍会打钩或者把钩消掉

首先这个需求当时困扰了我两天！！这两天我尝试了各种事件

不知道你们有没有遇见过这样的情况，就是需要你在复选框的基础上，要实现确认框，（目的：防止误点击，而勾选复选框）

我本身是后端开发，前端只是略懂

下面就是我用来实现这个需求的代码，但是这里是有错误的，你们如果不仔细看的话其实是没问题的，但是执行的时候就会出现你点击确认框的取消，还是会有打钩或者取消打钩。

$("#contrast").delegate(".selectCategory","checked",function(e){
    var con = confirm("是否确认进行当前操作");
    console.log('123',e.curretTarget.checked)
    if(con==true){
        console.log('这里不用写，直接让它走到方法里面去')
    }else{
        if(this.checked){
        this.checked = false
        console.log(1)
        }else{
            this.checked = true
            console.log(2)
        }
            console.log($(this))
            console.log(this.checked)

        return false;
    }

//下面就写为true的时候要走的方法
})

首先confirm()就是确认事件，具体的可以去百度，很简单

如果是为true的话，其实在这个if里面可以不用做任何操作，让它直接走到下面你想要实现的前端代码中去。重点来了，重点就是确认框的取消按钮！！！

你如果只是用上面代码的话，那么取消按钮的功能是没用的，是错误的

原因就在这个checked

只需要把上面的代码中的checked给略改一下，就能实现你想要的功能

//重点是click事件，之前的代码是checked事件，一定要改成click事件，不然没有用！！
$("#contrast").delegate(".selectCategory","click",function(e){
    var con = confirm("是否确认进行当前操作");

如果还有更好的办法，希望大佬们批评指出，我只是个小后端