DataGrid 的 全选/取消全选 控制(CheckBox)
来源:互联网 发布:simpleconsumer源码 编辑:程序博客网 时间:2024/04/29 21:26
DataGrid控件:
<Columns>
<asp:TemplateColumn>
<HeaderStyle Width="10px"></HeaderStyle>
<HeaderTemplate>
<INPUT id="CheckAll" name="CheckAll" type="checkbox" onclick="ChooseAll()">
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox id="CheckBox1" runat="server"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="序号">
<HeaderStyle Wrap="False"></HeaderStyle>
<ItemTemplate>
<asp:Label runat="server" ID="labNO"></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
JavaScript函数:
var checkFlag = true;
function ChooseAll()
{
//if( !document.all("CheckAll").Checked ) // 全选
if( checkFlag ) // 全选
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
{
inputs[i].checked = true;
}
}
checkFlag = false;
}
else // 取消全选
{
var inputs = document.all.tags("INPUT");
for (var i=0; i < inputs.length; i++) // 遍历页面上所有的 input
{
if (inputs[i].type == "checkbox" && inputs[i].id != "CheckAll" )
{
inputs[i].checked = false;
}
}
checkFlag = true;
}
}
// <summary>
// 让用户加以确认删除数据。
// </summary>
function DelRec()
{
var inputs = document.all.tags("input");
var selectedLen = 0;
for( var i=0;i < inputs.length; i ++)
{
if(inputs[i].type == "checkbox")
{
if( inputs[i].checked )
{
if(inputs[i].id != "CheckAll")
{
selectedLen ++;
}
}
}
}
if( selectedLen == 0 )
{
alert("请先选择您要删除的数据!");
}
else
{
var flag = confirm("您确定要删除所选择的这 " + selectedLen + " 条数据吗?");
if(flag)
{
document.all("BtnDelRecord").click();
}
}
}
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid 的 全选/取消全选 控制(CheckBox)
- DataGrid的全选/取消全选控制(CheckBox)
- 在客户端控制(CheckBox) DataGrid 的 全选/取消全选
- DataGrid 的 全选/取消全选 控制(input CheckBox)
- DataGrid中CheckBox的全选/取消全选
- 实现全选和取消全选(JavaScript控制CheckBox 的全选与取消全选)
- Javascript 控制 CheckBox 的全选与取消全选
- Javascript 控制 CheckBox 的全选与取消全选
- 转:Javascript 控制 CheckBox 的全选与取消全选
- js控制checkbox全选/取消全选
- checkbox 全选 取消全选
- Oracle中提取sysdate函数值和系统日期不同的情况处理
- 孙鑫VC++讲座笔记 LESSON 9
- VS2005 快捷键
- c#.net函数和方法集
- c#遍历文件夹
- DataGrid 的 全选/取消全选 控制(CheckBox)
- 存储过程
- BabyLinux制作过程详解
- SQL分页的存储过程详解
- Ajax--解决跨域浏览的问题
- 常见的 Web 项目转换问题及解决方案(转载)
- 常用的3个模版
- 自己收藏的SQL语句
- 华为路由器升级全攻略