javascript - 仅当 AJAX 返回成功时才切换复选框

Question

我在 HTML 页面中有一个复选框，当它被切换时会显示一个 Bootstrap 模式。模式有一个带有输入字段的表单。在表单提交时，它被发送到服务器并返回状态(成功或失败)。如果操作成功，我想切换复选框。如果失败，我希望复选框保持与以前相同的状态。

$(':checkbox').change(function() {
    var age = $(this).data('age');
    if (this.checked) {
        $('#myModal').modal('show');
    }
});

并处理表单提交:

$('#myForm').submit(function (e) {
    e.preventDefault();
    // do some stuff
    $.ajax({
        url:'http://example.com/foo',
        type:'GET',
        data: 'value=' + value,
        async: false,
        dataType: 'json',
        success: function(data){
            $('#alert').show();            
        }
    });
});

我该怎么做？

Answer 1

您也可以这样做:

$('#myForm').submit(function (e) {
    e.preventDefault();
    // do some stuff
    $.ajax({
        url:'http://example.com/foo',
        type:'GET',
        data: 'value=' + value,
        async: false,
        dataType: 'json',
        success: function(data){
            $(":checkbox").trigger("click");
        }
    });
});