ASP.NET Gridview与checkbox全选、全不选实现代码
程序员文章站
2024-03-08 17:26:29
1. 页面 在onclick事件中 "传自己" 复制代码 代码如下:
1. 页面 在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>
复制代码 代码如下:
<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>
上一篇: java设计模式系列之装饰者模式
下一篇: asp.net与excel互操作实现代码
推荐阅读
-
ASP.NET Gridview与checkbox全选、全不选实现代码
-
asp.net GridView控件中模板列CheckBox全选、反选、取消
-
asp.net gridview实现全选,反选与删除记录的操作代码
-
asp.net gridview实现全选,反选与删除记录的操作代码
-
Asp.net简单代码设置GridView自适应列宽不变形实现思路与代码
-
gridview checkbox从服务器端和客户端两个方面实现全选和反选
-
Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
-
Asp.net简单代码设置GridView自适应列宽不变形实现思路与代码
-
gridview checkbox从服务器端和客户端两个方面实现全选和反选
-
Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行