1

次のコードを検討してください。

<tr>
<td>
<input type="checkbox" name="20081846" value="20081846" class="chk-input">
</td>
<td>20081846</td>
<td>AGONOY, JAY TAN</td>
</tr>

テーブルにこれらのN個があるとしましょう（データのセットが異なります）。私が計画しているのは、ユーザーが入力ボックスをチェックすると、チェックされているユーザーが削除されるということです。このJQUERYを使用して取得しました

var del_users = function(btn,chk,url) {
$(btn).click(function(){
    $(chk).each(function(){
        if($(this).attr('checked') == 'checked') {
            //pass code data
        }
    });
});
}

データを削除する機能を実行するだけです。

私の次の問題は、データが削除されたら、テーブルに表示されている行を表示から削除したいということです。エントリ全体を更新する以外に、チェックされた「tr」要素を選択的に削除する方法はありますか?

4

2 に答える 2

2 
$(chk).each(function(){
    if($(this).prop('checked') === true) {
         $(this).closest('tr').remove();
    }
});
于 2012-05-14T11:50:07.910 に答える
1

素敵なアニメーションで行を削除します:

if($(this).attr('checked') == 'checked') {
    //pass code data
    var $row = $(this).closest('tr');
    $row.slideUp('fast',function() {
        $row.remove();
    });
}

あなたは ajax コードを投稿しませんでした。そうでなければ、成功のコールバックに削除コードを追加していたでしょう (ただし、閉鎖を思い出してください!)

于 2012-05-14T11:54:24.747 に答える