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

本教程操作环境:Windows7系统、ThinkPHP5版、Dell G3电脑。
thinkphp怎么实现全选?
thinphp5+html全选和反选和多选后删除
最近研究了下按钮的多选,大家可以看看,话不多说上代码
立即学习“PHP免费学习笔记(深入)”;
ViiTor实时翻译
AI实时多语言翻译专家!强大的语音识别、AR翻译功能。
116 查看详情
html按钮
js
$('#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; })} }) 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');} }); });
这个是跳到方法里进行删除
// 删除全部 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怎么实现全选的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/339561.html
微信扫一扫
支付宝扫一扫