点击checkBox 实现全选,反选,删除
删除所有的jquery// 删除所有的button 的onclick = " delAll() "; // 批量删除提交 数组,后台接收遍历数组调用按ID删除数据的方法 // checkId 本记录的checkbox的name
function delAll () {
layer.confirm('确认要删除吗?',function(index){
//捉到所有被选中的,发异步进行删除
var checkId = [] ;
$("input:checkbox[name='checkId']:checked").each(function () {
checkId.push($(this).val());
});
$.get("{:url('delAll')}",{"checkIds":checkId});
$("input:checkbox[name='checkId']:checked").parents("tr").remove();
layer.msg('已删除选中分类', {icon: 1});
});
}
全选反选
start 全选/全不选JQUERY checkall控制器checkBox的name checkId 被操控的name
$('input[name="checkall"]').on("click",function(){
if($(this).is(':checked')){
$('input[name="checkId"]').each(function(){
$(this).prop("checked",true);
});
}else{
$('input[name="checkId"]').each(function(){
$(this).prop("checked",false);
});
}
});
转(https://blog.csdn.net/qq_40087415/article/details/79248592)
删除jq function cate_del(obj,id){
layer.confirm('确认要删除吗?',function(index){
//发异步删除数据
$.get("{:url('delete')}",{id:id});
$(obj).parents("tr").remove();
layer.msg('已删除!',{icon:1,time:1000});
});
}
控制器删除
public function delete($id)
{
//闭包查询 在闭包中访问不到外面的参数,需要用use关键字引用外部参数 $id
CategoryModel::destroy(function ($query) use ($id){
$query->where(['pid'=>$id])
->field('id');
});
// 2. 删除当前ID的数据
CategoryModel::destroy($id);
}
控制器删除选中的
在删除的基础上直接调用
public function delAll($checkIds)
{
foreach ($checkIds as $key => $value){
$this->delete($value);
}
}
x-admin全选好使的,删除无效 全部删除 ----> 亿垚后台全选删除灵感
app轮播图
// 选中删除
$(".delAll").click(function(){
var data = tableCheck.getData();
if (data=='' || data==null || data.length
关注
打赏
最近更新
- 深拷贝和浅拷贝的区别(重点)
- 【Vue】走进Vue框架世界
- 【云服务器】项目部署—搭建网站—vue电商后台管理系统
- 【React介绍】 一文带你深入React
- 【React】React组件实例的三大属性之state,props,refs(你学废了吗)
- 【脚手架VueCLI】从零开始,创建一个VUE项目
- 【React】深入理解React组件生命周期----图文详解(含代码)
- 【React】DOM的Diffing算法是什么?以及DOM中key的作用----经典面试题
- 【React】1_使用React脚手架创建项目步骤--------详解(含项目结构说明)
- 【React】2_如何使用react脚手架写一个简单的页面?