.NET WEBFORM 中的gridview ,想在header中添加checkbox控件实现全选或全不选
时间: 2024-03-08 12:49:59 浏览: 119
gridview checkbox从服务器端和客户端两个方面实现全选和反选
在.NET WEBFORM中的gridview中添加全选或全不选的Checkbox控件,可以通过以下步骤实现:
1. 在GridView的HeaderTemplate中添加一个CheckBox控件
```csharp
<asp:GridView ID="GridView1" runat="server">
<HeaderTemplate>
<asp:CheckBox ID="chkAll" runat="server" onclick="CheckAll(this)" />
</HeaderTemplate>
</asp:GridView>
```
2. 在CheckBox的OnClick事件中添加Javascript脚本
```csharp
<script type="text/javascript">
function CheckAll(chk) {
var gv = document.getElementById("<%=GridView1.ClientID %>");
var inputs = gv.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].type == "checkbox") {
inputs[i].checked = chk.checked;
}
}
}
</script>
```
以上Javascript脚本实现了全选或全不选功能,当CheckBox的OnClick事件被触发时,通过GridView的ClientID获取到GridView的DOM对象,然后遍历所有包含type="checkbox"属性的input控件,将其状态设为与全选CheckBox控件一致即可。
这样,就实现了在.NET WEBFORM中的gridview中添加全选或全不选的Checkbox控件的功能。
阅读全文