2010-12-13 8 views
1

iam jquery를 사용하여 asp.net gridview에서 확인 및 선택 취소 기능을 구현합니다. 다음 코드는 gridview의 초기 페이지에서 iam이 작동하지 않는 gridview에서 페이지 인덱스 변경 이벤트가 작동합니다. 클릭 처리기가 자신에게 할당되지 않습니다 런타임에 생성 된 다른 페이지의 일부 당신의 체크 박스 요소 이후ASP.NET GridView 및 jQuery

<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> 

답변

1

사용 .live("click" 대신 .click()

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

. 모든 현재 및 런타임 생성 요소에 이벤트를 첨부하려면 .live()을 사용해야합니다.

읽기 .live()

대신 ID를 사용하면 클래스 선택기를 사용하여 선택 속성. 체크 박스에 클래스를 지정한 다음 클래스 선택기를 사용하십시오.

체크 박스에 클래스 headselect을 추가했습니다.

뭔가

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

같이 클래스 이름 headselect 모든 현재 및 런타임 생성 체크 박스에 클릭 이벤트를 할당합니다.

+0

답변 해 주셔서 감사합니다. id 속성 선택자 대신 클래스 선택기를 사용하면 어떤 이점이 있습니까? –