js :全选gridview中的asp:checkbox
来源:互联网 发布:web前端数据库面试 编辑:程序博客网 时间:2024/06/07 15:37
网上搜一下关于如何做到在页面层对asp:checkbox控件全选的文章比较少,类似yahoo邮件的客户端全选一样,现在与大家分享一下我的作品:在服务器端写全选不难,但在客户端写的代码有点少了:
eg:
<asp:GridView ID="gdvSelect" runat="server" AutoGenerateColumns="False" OnRowDataBound="gdvSelect_RowDataBound" OnRowDeleting="gdvSelect_RowDeleting" OnRowEditing="gdvSelect_RowEditing" OnRowUpdating="gdvSelect_RowUpdating" DataKeyNames="Id"> <Columns>
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID="chkSelectHeader" runat="server" Text="全选" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelectItem" runat="server" /> </ItemTemplate>
</asp:TemplateField>
<asp:ButtonField ButtonType="Button" HeaderText="选择" Text="选择" /> <asp:TemplateField HeaderText="数量">
<ItemTemplate>
<asp:TextBox ID="txtCount" Text='<%# Eval("Name") %>' runat="server" Width="48px" onkeyup="javascript:DoCall();" CausesValidation="True" AutoPostBack="true" OnTextChanged="txtCount_TextChanged">
</asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtCount" ErrorMessage="请输入数字" ValidationExpression="^(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$">*</asp:RegularExpressionValidator> </ItemTemplate> </asp:TemplateField>
<asp:TemplateField HeaderText="单价"> <ItemTemplate>
<asp:TextBox ID="txtPrice" runat="server" Text='<%# Eval("Obj.Id") %>' Width="52px" onkeyup="javascript:DoCall();"></asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator2" runat="server" ControlToValidate="txtPrice" ErrorMessage="请输入数字" ValidationExpression="^(([0-9]+/.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*/.[0-9]+)|([0-9]*[1-9][0-9]*))$">*</asp:RegularExpressionValidator> </ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="总金额"> <ItemTemplate>
<asp:TextBox ID="txtSum" runat="server" Width="48px"></asp:TextBox>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<ItemTemplate>
<asp:Button ID="Button2" runat="server" Text="操作" CommandName="Edit" />
<asp:Button ID="Button3" runat="server" Text="删除" CommandName="Delete" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<script language="javascript" type="text/javascript">
function DoCall()
{var e=event.srcElement;
var row=e.parentNode.parentNode;
var txts=row.all.tags("input");
if(!txts.length|| txts.length<3)
{return;}
var cou=txts[txts.length-5].value;
var price=txts[txts.length-4].value;
if(isNaN(cou)|| isNaN(price)){return false;}
cou=parseFloat(cou);
price=parseFloat(price);
txts[txts.length-3].value=(cou*price).toFixed(2);}
function trims(str)
{return str.replace(" ","");}
//check gridview 中item为checkbox没有被选中时,全选不能被选中,否则全选则被选中;
function check()
{var flag=false;var e=event.srcElement;
var row=e.parentNode.parentNode.parentNode;
var header=row.childNodes[0].all.tags('input')[0];
for(var j=1;j<row.childNodes.length;j++)
{ var itemCheck=row.childNodes[j].all.tags('input')[0];
if(!itemCheck.checked)
{ flag=true;
break; }
}
if(flag)
{ header.checked=false; }
else { header.checked=true; } return true;}
//选中或不选中当前gridview中所有checkbox;
function selectAll()
{var e=event.srcElement;
var row=e.parentNode.parentNode.parentNode;
var header=row.childNodes[0].all.tags('input')[0];
for(var i=1;i<row.childNodes.length;i++)
{var rowNo=row.childNodes[i];
var rowchk=rowNo.all.tags('input');
rowchk[0].checked=header.checked;}
return true;}
</script>
已测试通过,希望能可大家一起分享;
- js :全选gridview中的asp:checkbox
- js控制gridview 中的checkbox 全选
- js控制Gridview中的checkbox全选(转)
- js控制Gridview中的checkbox全选
- 用JS处理GridView中的(CheckBox)单选、全选
- gridview 新的js checkbox 全选
- Gridview中的添加CheckBox实现全选
- Jquery实现操作Gridview中的Checkbox全选
- GridView中的CheckBox的全选,全不选
- 脚本实现全选GridView中的CheckBox
- JS全选,复选框是.net服务器控件checkBox 在GridView中的模板列
- Asp.net gridview中asp:CheckBox触发事件全选
- GridView客户端checkbox全选
- GridView客户端checkbox全选
- gridview 中 checkbox全选
- GridView跨页CheckBox全选
- GridView中Checkbox全选
- ASP.NET Gridview与checkbox全选、全不选实现代码
- 双机互联
- Trados 不支持某些语种的 TM 的解决方法
- Windows Server 2008虚拟技术 - 小小注意points
- 2008-05-26:修改系统参数(2008-05-26)
- SAP生产工单更改(CO02)记录详细教程
- js :全选gridview中的asp:checkbox
- 最新的关于BSP技术的深入剖析与详解1
- python中文问题[转载]
- Java Integer =
- 算法的力量
- 如何个性控制对话框上的控件显示
- 最新的关于BSP技术的深入剖析与详解2
- 编写strcpy函数
- 我是怎么了