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全选/反选控件,自定义渲染类,带有使用说明。如果不明白可随时联系
flex Datagrid checkbox全选 Datagrid
winform DataGridView表头带CheckBox全选;winform DataGridView表头带CheckBox全选
Flex dataGrid 全选、反选 checkBox 不是很完善,但很有借鉴意义
NULL 博文链接:https://taomujian.iteye.com/blog/294748
Datagridview控件没有全选或取消全选的复选框,本资源用VB2015通过扩展DataGridViewColumnHeaderCell类,在列头绘制一个复选框checkbox控件,通过定义checkbox鼠标单击事件来实现行的全选或取消全选。checkbox还可以...
项目中用到DataGrid, 需要在第一列添加checkbox, 可以多选、全选。 其中涉及的概念DataTemplate, DataGridCellStyle, DataGridCellControlTemplate,Binding, OnPropertyChanged等。
在DataGrid中实现了 简单的全选与非全选。
NULL 博文链接:https://tony0101.iteye.com/blog/579404
成功的实现了,datagrid中嵌套checkbox实现全选的功能。分享代码供大家分享。项目为flex3。
Flex_全选或取消DataGrid中的checkbox, 解决了, flex的checkbox的问题
主要写了一个全选列,功能包括设置选择框的默认选择状态, 默认可用状态, 全选以及快速获取选中的值,呵呵!
对于CheckBoxList控件来说,一方面要实现大量数据在服务器端的绑定工作,另一方面往往要求实现全选、反选等功能。虽然可以在服务器端完成这方面的工作,但这样一个简单的工作似乎更应该在客户端完成。 具体方法: 在...
WPF 实现CheckBox全选、反选功能,界面简单实用,功能代码可以很好地套用到自己的项目,希望对有需要的小伙伴有帮助。
最近懒 想在网上找个DataGrid ColumnHeader里面添加CheckBox全选,但是网上没找到,于是就自己写了一个这样的样式,具体功能实现你们就自己去写吧。 分享给大家。 有什么问题可以直接加WPF/Silverlight 找晴天就...
NULL 博文链接:https://yunzhongxia.iteye.com/blog/652902
重写DataGridView,在标头添加复选框,实现列中的复选框全选和反选
<asp DataGrid AutoGenerateColumns=”false” OnItemCreated u201ditemcreate” DataKeyField=”link_id” ID u201dmydg” runat=”server” > <asp CheckBox ID=”checkall” OnCheckedChanged u...
表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner.png的路径 使用方法参考“示例参考.txt” ------------------------------ 目前数据源只能用...