DataGrid 的 全选/取消全选 控制(CheckBox)
来源:互联网 发布:在那里下载淘宝助理 编辑:程序博客网 时间:2024/04/29 16:04
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 全选 取消全选
- 在IE客户端调用windows系统资源
- Emetrix老总给的一些做共享的窍门
- document.all与WEB标准
- 用IE重起计算机或者关机
- 如何使得按确定和取消按纽转到两个不同的页面!
- DataGrid 的 全选/取消全选 控制(CheckBox)
- 开张,以宅男的名义
- 屏蔽相应键盘按钮
- 事半功倍系列 javascript
- An error,A think of the conception of testing
- MIS开发中.net Framework的打印功能
- 虚拟主机上用Asp.net实现Urlrewrite
- 一个php的MVC架构:zoop简介
- 就这几天的事