[Jquery] 체크박스 모두선택기능(ASP.NET with Jquery) #attr() #is()

ASP.NET에서 Jquery 를 사용하여 데이터그리드 내에 존재하는 CheckBox를 모두 선택하는 기능임.

 

*.aspx      

---

<asp:TemplateColumn>

<HeaderStyle Width="3%"></HeaderStyle>

<ItemStyle HorizontalAlign="center"></ItemStyle>

<HeaderTemplate>

<input type="checkbox" id="chkAll" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox id="CheckBox1" Runat="server" value='<%# DataBinder.Eval(Container.DataItem, "OID") %>' />

</ItemTemplate>

</asp:TemplateColumn>                                                                        

---

 

javascript (Jquery)

---

/// <summary>

/// 내 용: 데이터그리드내에있는체크박스를모두선택함.

/// 작성자: 최보현

/// 작성일: 2010/05/28

/// </summary>        

$(document).ready(function() {

        $('#chkAll').click(

               function() {

                       $("INPUT[type='checkbox']").attr('checked', $('#chkAll').is(':checked'));

});

});