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~