微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

ajax批删 jq全选 全不选

html 页面

{foreach $getTeacherInfo as $v}
<tr class="delete{$v.id}">
<td><input type="checkBox" value="{$v.id}"></td>
<td>{$v.id}</td>
<td>{$v.name}</td>
<td>{$v.branch}</td>
<td>{$v.sex}</td>
<td>{$v.education}</td>
<td>{$v.phone}</td>
<td>{$v.email}</td>
<td>{$v.time}</td>
<td><button onclick="del({$v.id})">删除</button></td>
</tr>
{/foreach}

</tbody>
</table>
{$getTeacherInfo->render()}
<button class="checkAll">全选</button>
<button class="checkNo">全不选</button>
<button class="delAll">批量删除</button>


ajax
<script>
//批量删除

$(".delAll").click(function (){
var id=[];
$('input[type="checkBox"]:checked').each(function (){
id.push($(this).val())
})
$.ajax({
url:'/add/delall',
data:{
id:id
},
dataType:'JSON',
success:function (e){
if(e.code==200){
$('input[type="checkBox"]:checked').parents('tr').remove();
}
},

})

})

//全选
$(".checkAll").click(function (){
$('input[type="checkBox"]').prop('checked',true);
})
//全不选
$(".checkNo").click(function (){
$('input[type="checkBox"]').prop('checked',false);
})

//删除
function del(id){
$.ajax({
url:'/add/delete',
data:{
id:id
},
dataType:'JSON',
success:function (e){
if(e.code==200){
$('.delete'+id).remove();
}
},
})

}


路由

//删除
\think\Route::rule('add/delete','login/add/delete','post|get');
//批删
\think\Route::rule('add/delall','login/add/deleteall','post|get');

控制器

//删除

 public function delete($id)
{
$delInfo= Teacher::del($id);
if(!$delInfo){
return json(['code'=>500,'msg'=>'删除失败']);
}
return json(['code'=>200,'msg'=>'删除成功']);
}
//批删
    public function deleteall($id)
{
// return json($id);


$delInfo= Teacher::delInfo($id);
if(!$delInfo){
return json(['code'=>500,'msg'=>'删除失败']);
}
return json(['code'=>200,'msg'=>'删除成功']);
}

//模型

//删除
public static function del($id){

return self::destroy($id);

}
//批删
public static function delInfo($id){

return self::destroy($id);

}

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐