一、全选功能实现 1.在视图文件中,我们需要添加一个全选的按钮,类似于下面这样的代码: input type=checkbox name=chkall onclick=check_all(this) 其中, check_all() 函数的作用是全选或取消全选:
一、全选功能实现
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属性。
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('删除失败!'); } }