在GridView中用Js实现全选
2007-04-03 09:52
375 查看
有的时候,在GridView要用的CheckBox,并且,还有一个实现全选的CheckBox,所以我在下面把js代码贴在下面,
<script language=javascript>
function Sel()
{
oEl = event.srcElement;
for(i = 0;i < document.all.length; i++)
{
// datagrid将生成层次名+id作为客户端id
if(document.all(i).id.indexOf("你的CheckBox的ID") != -1)
{
if(oEl.checked)
document.all(i).checked = true;
else
document.all(i).checked = false;
}
}
}
</script>
下面是GirdView代码
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDataBound="GridView1_RowDataBound">
<Columns>
<asp:BoundField DataField="pid" HeaderText="Id" />
<!--关键是这段代码-->
<asp:TemplateField>
<HeaderTemplate>
<input id="chkAll" onclick="Sel()" type="checkbox" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="cbselect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<!--关键是这段代码-->
<asp:TemplateField HeaderText="商品名称">
<ItemTemplate>
<a href='DetailProduceInfo.aspx?pid=<%#Eval("pid") %>' target="_blank"><%#Eval("pname") %></a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="单价">
<ItemTemplate>
<%#Eval("pmoney") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="数量">
<ItemTemplate>
<asp:TextBox ID="txtquantity" runat="server" Width="80px">0</asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtquantity"
ErrorMessage="请你输入数字!" ValidationExpression="^[0-9]{1,}$"></asp:RegularExpressionValidator>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<script language=javascript>
function Sel()
{
oEl = event.srcElement;
for(i = 0;i < document.all.length; i++)
{
// datagrid将生成层次名+id作为客户端id
if(document.all(i).id.indexOf("你的CheckBox的ID") != -1)
{
if(oEl.checked)
document.all(i).checked = true;
else
document.all(i).checked = false;
}
}
}
</script>
下面是GirdView代码
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" OnRowDataBound="GridView1_RowDataBound">
<Columns>
<asp:BoundField DataField="pid" HeaderText="Id" />
<!--关键是这段代码-->
<asp:TemplateField>
<HeaderTemplate>
<input id="chkAll" onclick="Sel()" type="checkbox" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="cbselect" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<!--关键是这段代码-->
<asp:TemplateField HeaderText="商品名称">
<ItemTemplate>
<a href='DetailProduceInfo.aspx?pid=<%#Eval("pid") %>' target="_blank"><%#Eval("pname") %></a>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="单价">
<ItemTemplate>
<%#Eval("pmoney") %>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="数量">
<ItemTemplate>
<asp:TextBox ID="txtquantity" runat="server" Width="80px">0</asp:TextBox>
<asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtquantity"
ErrorMessage="请你输入数字!" ValidationExpression="^[0-9]{1,}$"></asp:RegularExpressionValidator>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
相关文章推荐
- 在GridView中用Js实现全选
- Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
- C# 使用js 实现GridView 的全选 /单选
- js 实现gridview全选
- 老问题:js实现gridview中的全选和反选
- Gridview使用CheckBox全选与单选采用js实现同时高亮显示选择行
- 用js实现 全选功能(Gridview)
- asp.net gridview中用checkbox全选的几种实现的区别
- JS实现Gridview全选[原创]
- JS实现gridview全选和反选
- asp.net gridview中用checkbox全选的几种实现的区别
- JS在GridView中实现CheckBox全选和非全选 及Gridview批量删除使用技巧
- GridView js实现全选 (分页保持选择状态)
- JS 实现GridView中CheckBox全选
- JS实现单选,多选,全选,反选,全不选
- js GridView 实现自动计算操作代码
- 扩展GridView实现多选(全选)、点击行任意位置选择行、选中变色、添加双击事件等
- js实现checkbox全选、不选与反选的方法
- html中用js调用ASP文件 实现静态页面动态显示
- JS加强总结第二天(实现select的全选和反选不选的操作 案例)