全选，反选，批量删除，全不选，即点即改

最新推荐文章于 2019-05-31 23:09:55 发布

青春已被放纵了

最新推荐文章于 2019-05-31 23:09:55 发布

阅读量938

点赞数

CC 4.0 BY-SA版权

分类专栏： PHP 文章标签：全选反选批量删除全不选即点即改

本文链接：https://blog.youkuaiyun.com/qq_36373262/article/details/53418039

PHP 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一种基于Web的批量操作与即时编辑功能的实现方法，包括全选、反选、全不选等批量操作及通过点击进行文本框内容修改的即时编辑功能。文章详细解释了前端JavaScript代码及后端PHP逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//全选
function checkAll() {
    var checkpre=document.getElementsByName("checkpre");
    for(var i=0;i<checkpre.length;i++){
        checkpre[i].checked='checked';
    }
}
//反选
function check() {
    var checkpre=document.getElementsByName("checkpre");
    for(var i=0;i<checkpre.length;i++){
        checkpre[i].checked=!checkpre[i].checked;
    }
}

  //全不选
    function nocheck() {
        var checkpre=document.getElementsByName("checkpre");
        for(var i=0;i<checkpre.length;i++){
            checkpre[i].checked =false;
        }
    }
    //批删
    function delAll() {
        var checkpre=document.getElementsByName("checkpre");
        var ids="";
        for(var i=0;i<checkpre.length;i++){
            if(checkpre[i].checked){
                ids+=checkpre[i].value+',';
            }
        }
        //干掉逗号
        ids=ids.substr(0,ids.lastIndexOf(','));
        $.ajax({
            type:"get",
            url:"delsRegister",
            data:{ids:ids},
            success: function(data){
                $("#box").html(data);
            }
        })
    }
//即点即改修改文本框
    $(document).on("click",".aaa",function () {
        //或取要修改的值
        var aaa=$(this).html();
        //赋值   nsme值  value值
        $(this).parent().html("<input type='text' name='aaa' value='"+aaa+"'>");
        //光标落入
        $("input").focus();
        //失去焦点  保存值
        $(document).on("blur","input[name='aaa']",function () {
            var obj=$(this);
            //获取id值
            var id=$(this).parents("tr").attr("id");
            //获取aaa新写的值
            var aaa=$(this).val();
            $.ajax({
                type:"get",
                url:"upRegister",
                data:{
                    id:id,
                    aaa:aaa
                },
                success: function(data){
//                     alert(data)
                    obj.parent().html("<span class='aaa'>"+aaa+"</span>");
                }
            })
        })
    })

</script>

控制器

public function delsRegister(){
        $ids = Input::get("ids");
        $str = explode(",",$ids);
        foreach($str as $v){
            DB::table('user')->where('id',"=","$v")->delete();
        }
        return redirect("showListRegister");
    }
//    即点即改
    public function upRegister(){
        $aaa=Input::get("aaa");
        $id=Input::get("id");
        $register=new Register();
        $arr= $register->up($id,$aaa);
        if($arr){
            return redirect("show");
        }else{
            return "修改失败";
        }
    }

model

//即点即改

public static function up($id,$aaa){
    return DB::table("user")->where("id",$id)->update(["username"=>$aaa]);
}