晨风

-------------------- 业精于勤,荒于嬉;行成于思,毁于随

导航

GridView全选和反选用JQuery实现

Posted on 2011-12-22 21:14  shenyixin  阅读(274)  评论(0编辑  收藏  举报

GridView添加模板列

<asp:TemplateField>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
<HeaderTemplate>
<input id="SelectAll" type="checkbox" />
</HeaderTemplate>
</asp:TemplateField>

JavaScript:

$("#SelectAll").click(function () {
if ($(this).attr("checked")) {
$('#GridView1 input[type=checkbox]').attr("checked", true);
}
else {
$('#GridView1 input[type=checkbox]').attr("checked", false);
}
});