Jqueryグリッド、値を読み取るために反復する

Question

私はjqueryに新しいです、そして、私は以下の問題で立ち往生しています。

すべてのユーザーID、ユーザー名、アクティブ/非アクティブインジケーターを表示するjqueryグリッドがあります。 インジケータはチェックボックスとして表示されます。つまり、[アクティブ]がチェックされています。

ユーザーは、インジケーターを切り替えることができます。私は更新されたリストを提出して保存しなければならない。 グリッドを反復処理してこれを送信するにはどうすればよいですか。これはAjaxになるはずです。

Answer 1

これを次のように試してみてください。私はあなたがテーブルの各行にuseridのための隠された入力フィールドを持っていると仮定しています。

var data = []; 
$("tableSelector tr").each(function(){ 
    data.push({ 
     userId: $(this).find('input[name=userid]').val(), 
     active: $(this).find('input:checkbox').is(':checked') 
    }); 
}); 


$.ajax({ 
    url: "urlOfThePageToSubmit", 
    data: { userData: data }, 
    type: 'post',//or get based on requirement 
    success: function(){ 
     //do something after use data is updated. 
    } 
});