asp.net实现批量删除的全选功能案例

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
            DataKeyNames="AreaID" DataSourceID="SqlDataSource1">
            <Columns>
                <asp:BoundField DataField="AreaID" HeaderText="AreaID" ReadOnly="True" 
                    SortExpression="AreaID" />
                <asp:BoundField DataField="AreaName" HeaderText="AreaName" 
                    SortExpression="AreaName" />
                <asp:BoundField DataField="PID" HeaderText="PID" SortExpression="PID" />
                <asp:TemplateField>
                <ItemTemplate>
                <asp:CheckBox  ID="chk_Del" runat="server" />//用来判断是否要删除的行
                </ItemTemplate>
                </asp:TemplateField>
            </Columns>
 </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
            ConnectionString="<%$ ConnectionStrings:Work_OAConnectionString %>" 
            SelectCommand="SELECT * FROM [Area]"></asp:SqlDataSource>

            <asp:CheckBox ID="chk_JS" runat="server" Text="全选(JS)" οnclick="selectAll(this)"/>//通过js来进行全选

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++)
        {
            //alert(allInput[i].type);
            if(allInput[i].type == "checkbox")
            {
                allInput[i].checked = obj.checked;
            }
        }
    }
</script>


删除按钮相关提示

<asp:Button ID="btn_DeleteRecords" runat="server" OnClientClick="return judgeSelect();" Text="删除选中记录" />
添加JS脚本
//判断是否选中记录,用户确认删除
function judgeSelect()
{
    var result = false;
    var allInput = document.getElementsByTagName("input");
    var loopTime = allInput.length;
    for(i = 0;i < loopTime;i++)
    {
        if(allInput[i].checked)
        {
            result = true;
            break;
        }
    }
    if(!result)
    {
        alert("请先选则要删除的记录!");
        return result;
    }
    result = confirm("你确认要删除选定的记录吗?");
    return result;
}

第二种 方式可以通过服务器端代码实现全选

<asp:CheckBox ID="chk_Server" runat="server" OnCheckedChanged="chk_Server_CheckedChanged" Text="全选(Server)" AutoPostBack="True" />
事件代码如下

int a = this.GridView1.Rows.Count;
for (int i = 0; i < a; i++)
{
    CheckBox chk = (CheckBox)this.GridView1.Rows[i].FindControl("chk_Del");
    chk.Checked = this.chk_Server.Checked;
}



  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值