0

と を使用してHTMLチェックボックスを動的に作成します。それらは次のようになります。PHPMySQL

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

次にjQuery、1 つ以上のチェックボックスがオンになっているかどうかを確認し、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ません。上記のコードは、Web で見つけたさまざまなソリューションを組み合わせたものなので、ご容赦ください。

成功関数の後にマークされたチェックボックスを削除するにはどうすればよいですか?

4

1 に答える 1

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"); 
            } 
        }); 
    });
于 2012-11-24T16:12:55.930 に答える