asp+jquery实现批量删除数据

该方法优点是可以在同一页面既做查询又可删除,删除时用jquery改变form表单action的值

1.查询列表页:

<script>
//判断全选函数
function selectall(v){
    var f=document.forms["form"]
        for (i=0;i<f.elements.length;i++)
        if(f.elements[i].name=="id")
        f.elements[i].checked=v;
}

//绑定删除时间到删除按钮
$(document).ready(function(){
    $("#delbnt").bind("click",function()
    {
        if(confirm('删除后不可恢复!\n\n你确定要删除选中记录吗?'))
        {
            $("#method").val(2);
                $("#form").attr("action","examclass_del.asp");  //改变表单action值指向删除代码页
                $("#form").submit();
        return true;}
    return false;
    });
});
</script>        

form合适位置插入

<input type="checkbox" name="checkall" onClick="selectall(this.checked);"><input name="delbnt" id="delbnt" type="button" value="删除"><input type="hidden" name="method" id="method" value="2">

一个全选复选框,点击可全选全部记录或者取消全选状态,一个删除按钮,一个隐藏域。

数据库循环取得记录,输出记录列表

<input type="checkbox" name="id" value="<%=rs("id")%>">单条记录选择框

2.删除页面代码

 

   <%if request("method")="2" then
        strsql=""
        for each id in request("id")
            strsql=strsql&" or id="&id&""
        next
        if strsql<>"" then
            strsql="delete from kqtype where 1=0"&strsql
            conn.execute(strsql)
    else
    response.write "<script>alert('请先选择记录再执行删除操作!\n\n系统将自动返回前一页面...');history.back();</script>"
    response.end()
end if
response.write ("<script>alert(""删除成功!"");location.href='list.asp';</script>")
response.end
end if%>

 

<script>
function selectall(v){
    var f=document.forms["form"]
        for (i=0;i<f.elements.length;i++)
        if(f.elements[i].name=="id")
        f.elements[i].checked=v;
}


$(document).ready(function(){
    $("#delbnt").bind("click",function()
    {
        if(confirm('删除后不可恢复!\n\n你确定要删除选中记录吗?'))
        {
            $("#method").val(2);
        $("#form").attr("action","examclass_del.asp");
        $("#form").submit();
        return true;}
    return false;
    });
});
</script>

posted @ 2015-06-25 21:51  冰人ajax  阅读(272)  评论(0编辑  收藏  举报