ASP.NET GridViewとjQuery

Question

iam jqueryを使用して、asp.net gridviewでチェックとアンチェックの機能を実装しています。次のコードは、グリッドビューの初期ページのiam、グリッドビューのページインデックス変更イベントが機能していないときに機能します。

<script type="text/javascript"> 
    $(document).ready(function() { 

     var checkBoxSelector = '#<%=grdvw_ClientIntakeList.ClientID%> input[id*="chck_itemSelect"]:checkbox'; 

     //header checkbox 
     $('[id$=chck_headSelect]').click(function() { 

      if ($(this).is(":checked")) { 

       $(checkBoxSelector).attr('checked', true); 

      } 
      else { 

       $(checkBoxSelector).attr('checked', false); 
      } 
     }); 

    }); 
</script> 

Answer 1

代わり.click()

$('[id$=chck_headSelect]').live("click", function() { 

の使用.live("click"を他のページの一部であるあなたのチェックボックス要素は、クリックハンドラは、それらに割り当てられません、実行時に生成されるため。すべての現在および実行時に生成された要素にイベントを添付するには、.live()を使用する必要があります。

読む.live()

の代わりに使用すると、クラスセレクタを使用することができますid属性セレクタを使用。クラスをチェックボックスに割り当て、クラスセレクタを使用します。

チェックボックスにクラスheadselectを追加しました。

何か

$("input:checkbox.headselect").live("click", function(){ 
}); 

のようにクラス名のheadselectを持つすべての現在および実行時に生成チェックボックスにクリックイベントを割り当てます。