Home  >  Article  >  PHP Framework  >  How to achieve all selection in thinkphp

How to achieve all selection in thinkphp

藏色散人
藏色散人Original
2022-12-08 09:42:041911browse

thinkphp method to implement all selection: 1. Create a front-end sample file and set the html button; 2. Implement it through the js code "layui.use('form', function () {...}" Check all the data; 3. Open the thinkphp file and use the "public function deleteAll(){...}" method to select and delete all.

How to achieve all selection in thinkphp

The operating environment of this tutorial: Windows 7 system, ThinkPHP version 5, Dell G3 computer.

How to select all in thinkphp?

thinphp5 html select all and inverse selection Delete after multiple selection

Recently I have studied the multi-selection of the button. You can take a look. I won’t say much about the code

html button

      <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">
      $(&#39;#btndelete&#39;).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(&#39;请选择数据删除&#39;)}else{
        layer.confirm(&#39;确定要删除?&#39;, function(index) {
     
     
       window.location.href=&#39;/admin/commodity/deleteAll?b=&#39;+b;
        
      })}
    })
   </script>
    <!-- 全选框 -->
   <script type="text/javascript">
      layui.use(&#39;form&#39;, function () {
        var form = layui.form;
        //全选
        form.on(&#39;checkbox(c_all)&#39;, function (data) {
            var a = data.elem.checked;
            if (a == true) {
                $(".cityId").prop("checked", true);
                form.render(&#39;checkbox&#39;);
            } else {
                $(".cityId").prop("checked", false);
                form.render(&#39;checkbox&#39;);
            }
 
        });
        //反选
        form.on(&#39;checkbox(f_all)&#39;, function (data) {
            var item = $(".cityId");
            item.each(function () {
                if ($(this).prop("checked")) {
                    $(this).prop("checked", false);
                } else {
                    $(this).prop("checked", true);
                }
            })
            form.render(&#39;checkbox&#39;);
 
 
        });
        //有一个未选中全选取消选中
        form.on(&#39;checkbox(c_one)&#39;, 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(&#39;checkbox&#39;);
                    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(&#39;checkbox&#39;);}
        });
 
 
    });
   </script>

This is to jump to the method to delete

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

Recommended learning: "thinkPHP Video Tutorial"

The above is the detailed content of How to achieve all selection in thinkphp. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn