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~