Ajax /動的チェックボックスへのアクセス

Question

AJAXリクエストの一部として返されたチェックボックスをすべてチェックするにはどうすればよいですか？

私は電子メールメッセージのサマリーを表示するページを持っています（gmail/yahoo/etc ...と思う）。各要約には、それに関連付けられたチェックボックスがあり、ユーザーはメッセージで任意の数のことを実行できます。リストの上部と下部には「すべてをチェック」オプションがあります。デリゲート関数を動的チェックボックスにバインドする方法はわかっていますが、「Check All」ボタンにこれらの動的要素を操作する方法はありません。例：

//get the list of messages 
$.ajax({ 
    type: "POST", 
    url: "GetMessages.asmx/GetMessagePreview", 
    data: "{'FolderID': '5'}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (result) { 
     //code here to create a checkbox row (checkbox, message title, etc...) 
     var cbRow = '<input type="checkbox" class="msg_check" ...etc... />' 
     //code here to insert to a div or other container 
} 
}); 

$("#selectAllButton").click(function(){ 
    ????? This is the blank I need filled in... 
}); 

ご協力いただければ幸いです。ありがとうございました。

Answer 1

それは簡単なはず：

$("#selectAllButton").click(function(){ 
    if (this.checked) 
     $('.msg_check').attr('checked', 'checked'); 
    else 
     $('.msg_check').removeAttr('checked'); 
}); 

編集：あなたは同じ条件でアイテムを挿入したい場合は、次に何を他のすべての項目（すべてにチェック/チェックを外す）、よう：

// ... 
var checked = $("#selectAllButton").is(':checked'); 
var cbRow = $('<input type="checkbox" class="msg_check" />'); 
cbRow.appendTo(list); 
var checkbox = cbRow.find('.msg_check'); 

if (checked) 
    checkbox.attr('checked', 'checked'); 
else 
    checkbox.removeAttr('checked'); 
// ... 

Answer 2

をへのajax呼び出しを伴う要素をの現在の状態である#selectAllのチェックボックスを継承するようにしようとするならば、それを読んで、新しい要素を作成するときにそれを適用する必要があります。

これは、私がアクセスしようとしている要素がDOMではないので、したがって、私は普通の要素のようにそれらを扱うことができない動作しませんので

$.ajax({ 
    type: "POST", 
    url: "GetMessages.asmx/GetMessagePreview", 
    data: "{'FolderID': '5'}", 
    contentType: "application/json; charset=utf-8", 
    dataType: "json", 
    success: function (result) { 

     var currentState = $("#selectAllButton").is(':checked') ? 'checked' : ''; 

     //code here to create a checkbox row (checkbox, message title, etc...) 
     var cbRow = '<input type="checkbox" class="msg_check" '+ currentState +' />'; 
     //code here to insert to a div or other container 
} 
}); 

$("#selectAllButton").click(function(){ 
    // the way you normally select your elements.. 
    $('.msg_check').... 
});