javascript - 撤消 AJAX 调用中复选框上的 PreventDefault

Question

当用户尝试检查未选中的复选框时(如果已选中，我将不执行任何操作)，我会阻止该复选框被选中并通过 AJAX 调用对其进行验证。但我不知道如何再次“检查”它。我尝试使用 $(this).trigger('click'); 但它不起作用。

我还尝试将 preventDefault 移动到 fail 条件。但这使得通话永远无法进行。我猜是因为 AJAX 调用改变了范围。

$(document).ready(function(){
    $('input:checkbox').click(function(e) {
        if( $(this).prop('checked') &&  $(this).val()=='on' )
        {
            e.preventDefault();

            var name = $(this).attr('name');
            var pivot_attendee_program = name.split(/\]\[|\[|\]/);
            var data = {
                        'pivot' : pivot_attendee_program[0],
                        'attendee_id' : pivot_attendee_program[1],
                        'program_id' : pivot_attendee_program[2]
                       };

            //console.log(data);

            $.ajax({
                type: "GET",
                url: '{{ route('ageCheck') }}',
                data: data,
                success: function(result){

console.log('success');
                    if(result == 'pass'){
                        console.log('pass');
                        $(this).trigger('click');
                    }
                    else{ //result == 'fail'

                        console.log('fail');

                    }


                },
                error: function(result){
                    alert(JSON.stringify(result));
                }

            });

                    //validate Age
                    //ajax  check age of attendee against program                       
                    //ajax  check age of attendee against program_seg

        }

    });

});

Answer 1

使用 context: 选项将 this 传递给 success 函数，然后设置框的 checked 属性:

       $.ajax({
            type: "GET",
            url: '{{ route('ageCheck') }}',
            data: data,
            context: this,
            success: function(result){
                console.log('success');
                if(result == 'pass'){
                    console.log('pass');
                    $(this).prop("checked", true);
                }
                else{ //result == 'fail'

                    console.log('fail');
                }
            },
            error: function(result){
                alert(JSON.stringify(result));
            }
        });