thinkphp如何实现全选和删除功能

2023年 8月 6日 85.2k 0

一、全选功能实现

1.在视图文件中,我们需要添加一个全选的按钮,类似于下面这样的代码:

登录后复制

其中,check_all()函数的作用是全选或取消全选:

function check_all(obj){
$(':checkbox').prop('checked', $(obj).prop('checked'));
}

登录后复制

在这里,用到了jQuery的选择器选择所有的checkbox并使用prop()方法设置其checked属性。

2.以ThinkPHP为例,我们假设已经获取到了需要进行全选的数据,并将其传递到视图页面中,此时我们需要使用for循环遍历每个数据,并为其添加checkbox和ID,代码如下:

登录后复制

在这里,为了方便操作,使用了数组传递checkbox的值,checkbox的名称为ckb[],其对应的value为该行数据的ID值。

3.此时我们只需要在提交表单的时候获取到所有选中的checkbox并将其对应的值组合成一个新的数组,就可以实现全选的功能了。具体实现代码如下:

public function all(){
$ids = input('post.ckb/a');
if(empty($ids)){
return $this->error('请选择要删除的数据!');
}
$ids = implode(',',$ids);
$where['id'] = array('in',$ids);
$result = db('table')->where($where)->delete();
if($result){
return $this->success('删除成功!');
}else{
return $this->error('删除失败!');
}
}

登录后复制

在这里,input('post.ckb/a')用于获取提交表单时传递的所有checkbox的值,使用implode()方法将其连接成字符串,并将其用于查询数据库中的数据。

二、批量删除功能实现

实现批量删除功能需要结合前面的全选功能,具体步骤如下:

1.首先,用户需要选中需要删除的数据,然后点击删除按钮(或其他自定义按钮),这时需要获取选中的数据并对其进行删除操作。

2.为了方便操作,我们可以将所有选中的数据ID值合并成一个字符串(以英文逗号分隔),然后将其传递到下一个处理函数中。

3.使用where()函数将删除条件设置为id in (ids)(其中,ids为所有要删除数据的ID),然后使用delete()函数删除满足条件的数据即可。

具体实现代码如下:

public function delete(){
$ids = input('post.ids/s','');
if(empty($ids)){
return $this->error('请选择要删除的数据!');
}
$where['id'] = array('in',$ids);
$result = db('table')->where($where)->delete();
if($result){
return $this->success('删除成功!');
}else{
return $this->error('删除失败!');
}
}

登录后复制

以上就是thinkphp如何实现全选和删除功能的详细内容,更多请关注每日运维网(www.mryunwei.com)其它相关文章!

相关文章

JavaScript2024新功能:Object.groupBy、正则表达式v标志
PHP trim 函数对多字节字符的使用和限制
新函数 json_validate() 、randomizer 类扩展…20 个PHP 8.3 新特性全面解析
使用HTMX为WordPress增效:如何在不使用复杂框架的情况下增强平台功能
为React 19做准备:WordPress 6.6用户指南
如何删除WordPress中的所有评论

发布评论