ASP.NET Gridview与checkbox全选、全不选实现代码
ASP.NET Gridview与checkbox全选、全不选实现代码
发布时间:2016-12-29 来源:查字典编辑
摘要:1.页面在onclick事件中"传自己"复制代码代码如下:全选2.编写JS代码复制代码代码如下:functionGetAllCheckBox...

1. 页面 在onclick事件中 "传自己"

复制代码 代码如下:

<asp:TemplateField HeaderText="全选">

<HeaderTemplate>

<input type="checkbox" id="CheckBox1" name="CheckBox1" />

全选

</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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新asp.net教程学习
热门asp.net教程学习
编程开发子分类