全球微动态丨thinkphp怎么实现全选

时间:2022-12-08 10:05:25       来源:PHP中文网


(相关资料图)

本教程操作环境:Windows7系统、ThinkPHP5版、Dell G3电脑。

thinkphp怎么实现全选?

thinphp5+html全选和反选和多选后删除

最近研究了下按钮的多选,大家可以看看,话不多说上代码

html按钮

                
登录后复制

js

    <script type="text/javascript">      $("#btndelete").click(function(){       var a = document.getElementsByName("cityId");        var b=[];       for(i in a){         if(a[i].checked)           b.push(a[i].value);       }       if(b==""){alert("请选择数据删除")}else{        layer.confirm("确定要删除?", function(index) {                 window.location.href="/admin/commodity/deleteAll?b="+b;              })}    })   </script>       <script type="text/javascript">      layui.use("form", function () {        var form = layui.form;        //全选        form.on("checkbox(c_all)", function (data) {            var a = data.elem.checked;            if (a == true) {                $(".cityId").prop("checked", true);                form.render("checkbox");            } else {                $(".cityId").prop("checked", false);                form.render("checkbox");            }         });        //反选        form.on("checkbox(f_all)", function (data) {            var item = $(".cityId");            item.each(function () {                if ($(this).prop("checked")) {                    $(this).prop("checked", false);                } else {                    $(this).prop("checked", true);                }            })            form.render("checkbox");          });        //有一个未选中全选取消选中        form.on("checkbox(c_one)", function (data) {            var item = $(".cityId");            for (var i = 0; i < item.length; i++) {                if (item[i].checked == false) {                    $("#c_all").prop("checked", false);                    form.render("checkbox");                    break;                }            }            //如果都勾选了  勾上全选            var  all=item.length;            for (var i = 0; i < item.length; i++) {                if (item[i].checked == true) {                    all--;                }            }            if(all==0){            $("#c_all").prop("checked", true);            form.render("checkbox");}        });      });   </script>
登录后复制

这个是跳到方法里进行删除

// 删除全部    public function deleteAll(){            $b=input("b");            // Db::name("excel")->where("id","in",$b)->delete();            if(false == Db::name("commodity")->where("id","in",$b)->delete()) {                return $this->error("删除失败,请选择要删除的数据");            } else {                               return $this->success("删除成功","admin/commodity/index");            }        }
登录后复制

推荐学习:《thinkPHP视频教程》

以上就是thinkphp怎么实现全选的详细内容,更多请关注php中文网其它相关文章!

关键词: 相关文章 视频教程 话不多说