DataGrid 的 全选/取消全选 控制(CheckBox)
来源:互联网 发布:js 在图片上做标记 编辑:程序博客网 时间:2024/04/29 23:54
<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 全选 取消全选
- 网站设计
- 一个很好的日历控件(采用javascript编写)
- Asp遍历服务器对象的代码
- ASP和C#隐藏文件下载路径的方法
- 在文本框中按回车触发事件
- DataGrid 的 全选/取消全选 控制(CheckBox)
- web下的授权简单解决方案
- 学习一下 .net framework 中有关安全的内容
- sql中CASE的用法
- WebServices调用存储过程
- DataGrid + JS 的應用示例
- 美丽人生
- 求救!
- 如果时间能为你而倒流