批量刪除記錄時如何實現全選方法總結

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)的區別