Home > Article > PHP Framework > How to achieve all selection in thinkphp
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.
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"> $('#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>
This is to jump to the method to delete
// 删除全部 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'); } }
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!