批量删除记录时如何实现全选方法总结

2024-07-10 12:40:07

字体：大中小

来源：转载

供稿：网友

做大批量的数据删除时，如果有个全选按钮把多个页面上显示的记录全都选中删除那比一条条的删除要人性化得多，接下来说一说如何实现，其实网上一搜有好多文章都是说如何进行批量删除的，大体上可以分为两大类1：利用JS脚本实现全选。2：在服务器端实现全选
首先来说一说如何利用JS实现全选
往页面上拖一个GridView，设置好数据源，并为GridView添加一个模板列，往模板列里添加一个chekcbox，比如下面的代码

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataKeyNames="ProductID"
    DataSourceID="SqlDataSource1">
    <Columns>
        <asp:BoundField DataField="ProductID" HeaderText="ProductID" InsertVisible="False"
            ReadOnly="True" SortExpression="ProductID" />
        <asp:BoundField DataField="ProductName" HeaderText="ProductName" SortExpression="ProductName" />
        <asp:BoundField DataField="SupplierID" HeaderText="SupplierID" SortExpression="SupplierID" />
        <asp:BoundField DataField="CategoryID" HeaderText="CategoryID" SortExpression="CategoryID" />
        <asp:TemplateField>
            <ItemTemplate>
                <asp:CheckBox ID="chk_Del" runat="server" />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>接下来往页面上添加一个checkbox控件
<asp:CheckBox ID="chk_JS" runat="server" Text="全选(JS)" onclick="selectAll(this)"/>
并为该控件编写JS脚本如下： <script type="text/javascript">
    //根据传入的checkbox的选中状态设置所有checkbox的选中状态
    function selectAll(obj)
    {
        var allInput = document.getElementsByTagName("input");
        //alert(allInput.length);
        var loopTime = allInput.length;
        for(i = 0;i < loopTime;i++)
        {

上一篇：ASP.NET 2.0,C#----图像特效处理

下一篇：asp.net下DataSet.WriteXml(String)与(Stream)的区别

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注