thinkphp實現全選的方法:1、創建一個前端示例文件,并設置html按鈕;2、通過js代碼“layui.use(‘form’, function () {…}”實現數據全部勾選;3、打開thinkphp文件,通過“public function deleteAll(){…}”方法實現全選刪除操作即可。
本教程操作環境:Windows7系統、ThinkPHP5版、Dell G3電腦。
thinkphp怎么實現全選?
thinphp5+html全選和反選和多選后刪除
最近研究了下按鈕的多選,大家可以看看,話不多說上代碼
立即學習“PHP免費學習筆記(深入)”;
html按鈕
??????<input> ??????<input>???? ??????<input>
js
?<!-- 多選刪除 --> ????<script> $('#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> 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視頻教程》
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END
喜歡就支持一下吧
相關推薦