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~