前台:在GridView控件中添加CheckBox控件
<asp:TemplateField HeaderText="全选">
<HeaderTemplate>
<asp:CheckBox ID="ChkAll" runat="server" AutoPostBack="True" OnCheckedChanged="ChkAll_CheckedChanged" Text="全选" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkItem" runat="server" />
</ItemTemplate>
</asp:TemplateField>
方法1:
在后台中添加方法 ChkAll_CheckedChanged 即可实现全选
//全选设置
protected void ChkAll_CheckedChanged(object sender, EventArgs e)
{
CheckBox ChkAll = (CheckBox)sender;
foreach (GridViewRow gvRow in GridView1.Rows)
{
CheckBox chkItem = (CheckBox)gvRow.FindControl("chkItem");
chkItem.Checked = ChkAll.Checked;
}
}
方法2:编写JS代码
- 页面 在onclick事件中 “传自己”
代码如下:
<asp:TemplateField HeaderText="全选">
<HeaderTemplate>
<input type="checkbox" id="CheckBox1" name="CheckBox1" onclick="GetAllCheckBox(this)" />
全选
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox2" runat="server"/>
</ItemTemplate>
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:TemplateField>
2.编写JS代码
代码如下:
<script type="text/javascript" language="javascript">
function GetAllCheckBox(CheckAll)
{
var items = document.getElementsByTagName("input");
for(var i=0;i<items.length;i++)
{
if(items[i].type == "checkbox")
{
items[i].checked = CheckAll.checked;
}
}
}
</script>