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

一、全选功能实现

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

<input type="checkbox" name="chkall" onclick="check_all(this)">

登录后复制

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

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

登录后复制

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

立即学习“PHP免费学习笔记(深入)”;

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

<?php foreach($list as $data):?>
<tr>
    <td><input type="checkbox" name="ckb[]"  value="<?php echo $data['id'];?>" ></td>
    <td><?php echo $data['title'];?></td>
</tr>
<?php endforeach;?>

登录后复制

在这里,为了方便操作,使用了数组传递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如何实现全选和删除功能的详细内容,更多请关注本网内其它相关文章!

免责申明:以上展示内容来源于合作媒体、企业机构、网友提供或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表恩氏滤油机网官方立场,请读者仅做参考。本文欢迎转载,转载请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何涉及有违公德、触犯法律等违法信息,请您立即联系我们及时修正或删除。

相关新闻

联系我们

13452372176

可微信在线咨询

工作时间:周一至周五,9:30-18:30,节假日休息

QR code