JQuery-實作Gridview中針對Checkbox做全選、全取消

JQuery-實作Gridview中針對Checkbox做全選、全取消

今天幫同事做一個需求,

在Gridview中針對Checkbox做全選、全取消的作業,

同時也想用「Jquery」拿來改以前的寫法

(改完才發現以前的寫法好笨,Jquery好用ㄟ~~)

 

分成html及Jquery:

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1">
            <Columns>
                <asp:TemplateField>
                    <HeaderTemplate>
                        <asp:CheckBox ID="CheckBox1" runat="server" onclick='chkall("form1",this)' />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox2" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>

 

 

<script type='text/javascript'> 
function chkall(input1,input2)
    {
       if (input2.checked == true)
           {      $("#GridView1 input[type=checkbox]").attr("checked",true);}
      else
           {      $("#GridView1 input[type=checkbox]").attr("checked",false);}
    }
 </script>

 

自我LV~