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");
        }
    });
});

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

1 个答案: