<script type="text/javascript" language="javascript">
function SelectChecked()
{
var obj = document.getElementById("gvOrderQuery_ctl01_cbxh");
var objs = document.getElementById("gvOrderQuery").getElementsByTagName("tr");
if(obj.checked == true)
{
for(var i=0;i<objs.length-1;i++)
{
var objt;
var k = i+2;
if(k<10)
objt = document.getElementById("gvOrderQuery_ctl0"+k+"_cbx");
else
objt = document.getElementById("gvOrderQuery_ctl"+k+"_cbx");
objt.checked = true;
}
}
else
{
for(var i=0;i<objs.length-1;i++)
{
var objt;
var k = i+2;
if(k<10)
objt = document.getElementById("gvOrderQuery_ctl0"+k+"_cbx");
else
objt = document.getElementById("gvOrderQuery_ctl"+k+"_cbx");
objt.checked = false;
}
}
}
</script>
<asp:GridView ID="gvOrderQuery" runat="server" Width="500px" cssClass="result_grid" EmptyDataText="没有数据!" DataKeyNames="OrderID" AutoGenerateColumns="False" CellPadding="4" GridLines="None">
<Columns>
<asp:TemplateField HeaderText = "序号">
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Container.DataItemIndex+1 %>'>
</asp:Label>
</ItemTemplate>
<HeaderStyle Width="40px" />
</asp:TemplateField>
<asp:BoundField DataField="OrderOutTime" HeaderText="离厂时间" DataFormatString="{0:yyyy-MM-dd HH:mm:ss}" HtmlEncode="False" />
<asp:BoundField DataField="OrderNO" HeaderText="订单号" />
<asp:TemplateField>
<HeaderTemplate>
<asp:CheckBox ID="cbxh" runat="server" Text="全选" onclick = "SelectChecked()"></asp:CheckBox>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="cbx" runat="server" name = "cbxss" Text="选择"></asp:CheckBox>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
GridView中CheckBox 全选 撤选 的应用
最新推荐文章于 2021-12-05 00:16:50 发布
本文介绍如何在ASP.NET的GridView控件中实现全选功能。通过客户端JavaScript与服务器端ASP.NET结合的方式,可以方便地为GridView中的复选框添加全选与全不选的功能。这种方式适用于显示订单或其他列表数据的场景。
2486

被折叠的 条评论
为什么被折叠?



