Question

我使用HTML和PHP动态创建MySQL个复选框。它们看起来像这样：

<input type='checkbox' name ='chkDel' value='11'>
<input type='checkbox' name ='chkDel' value='18'>
<input type='checkbox' name ='chkDel' value='55'>

然后我有这个jQuery脚本，检查是否选中了一个或多个复选框，并处理PHP文件中的信息。对于选中的每个复选框，它将删除数据库表中的一行。

$('#delete_absence_row').click(function() {
        var query_string = ''; 
        $('input[type=checkbox]').each( 
            function() { 
                if (this.checked) { 
                        query_string += "&chkDel[]=" + this.value; 
                    } 
            });
    $.ajax({ 
        type: "POST", 
        url: "../updateAbsence.php", 
        data: query_string, 
        success: 
            function(t) { 
                $("div#content_response").empty().append(t);
            }, 
        error: 
            function(){ 
                $("div#content_response").append("An error occured during processing"); 
            } 
        }); 
    });

现在，我想在每个标记的复选框中添加.remove();，即query_string

中success:function(t)内的所有复选框

我不知道jQuery那么多，上面的代码是我在网上发现的不同解决方案的混合所以请耐心等待。

如何删除成功功能后标记的复选框？

Answer 1

$('#delete_absence_row').click(function() {
        var query_string = '';
        var todelete = [];
        $('input[type=checkbox]:checked').each( 
            function() { 
                query_string += "&chkDel[]=" + this.value;
                todelete.push(this);
            });
    $.ajax({ 
        type: "POST", 
        url: "../updateAbsence.php", 
        data: query_string, 
        success: 
            function(t) { 
                $("div#content_response").empty().append(t);
                $.each(todelete, function (i, e) {
                    $(e).remove();
                });
            }, 
        error: 
            function(){ 
                $("div#content_response").append("An error occured during processing"); 
            } 
        }); 
    });

ajax响应之后的jQuery .remove（）

1 个答案: