javascript - テーブルにすべての行を選択する方法

Question

ページ付けのあるHTMLテーブルがあります。このJavaScriptを使用して、テーブル内のすべての行を選択します。メインチェックボックス：

<h:column id="selection_column">
    <f:facet name="header">
         <h:selectBooleanCheckbox class="checkall"/>
    </f:facet>
</h:column>

JavaScriptコード：

$(window).load(function () {
        $(document).delegate(".checkall", "click", function(event) {
              $(this).closest("table").find(':checkbox').attr('checked', this.checked);
        });
    });

問題は、それを使用すると、最初のページの行だけが選択されることです。2ページ目以降の行は選択されていません。どうすればこれを修正できますか？

編集

アイデアはありますが、機能するかどうかはわかりません。チェックボックス（メインチェックボックスと呼びます）を作成できます。このチェックボックスを選択すると、すべての行が選択されます。私はそれをテストしました-一度選択すると、ページをシフトするときにこのチェックボックスが常に選択されます。しかし、メインのチェックボックスが選択されているかどうかをロード時にチェックするJavaScriptコードが必要です。その後、すべてのチェックボックスが選択されます。このようにJavaScritpを書き直すのを手伝ってもらえますか？