thinkphp怎么实现全选

广告:宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取~~~

thinkphp怎么实现全选

thinkphp实现全选的方法:1、创建一个前端示例文件,并设置html按钮;2、通过js代码“layui.use('form', function () {...}”实现数据全部勾选;3、打开thinkphp文件,通过“public function deleteAll(){...}”方法实现全选删除操作即可。

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

thinkphp怎么实现全选?

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

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

html按钮

      <input style="float: right;margin-left: 10px" type="checkbox" lay-skin="primary"  id="c_all" lay-filter="c_all" title="全部">      <input style="float: right;margin-left: 10px" type="checkbox" lay-skin="primary"  id="f_all" lay-filter="f_all" title="反选">          <input style="float:right;margin-top: 3.5px;margin-left:10px" type="button" id="btndelete" class="layui-btn layui-btn-sm" value="删除">
登录后复制

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怎么实现全选的详细内容,更多请关注9543建站博客其它相关文章!

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。

作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:探究Swoole异步编程中的IO信号处理
下一篇:总结workerman启动与停止相关命令

发表评论

关闭广告
关闭广告