第一步:
给复选框和批删按钮设置上点击事件,批删按钮可用 ID 或 Class 设置点击事件,而复选框只能使用 Class 设置点击事件,因为 ID 我们要进行赋值,取到所有复选框的 ID
// 批删按钮点击事件
<button type="button" id="delAll">批删</button>
// 复选框点击事件 , 这里我使用了循环,所以 ID 为 val.id(循环遍历ID)
<input type="checkbox" id="{$val.id}" class="btns">
第二步:
引用 JS,并起一个 ID 数组,进行赋值
第三步:
书写 Aajx 进行传值
第三步:
到达控制层接收 ID ,接收到 ID 后实例化对象传到模型层进行操作
第四步:
到达模型层完成删除的操作,直接使用 destroy 实现删除即可
第五步:
在到达控制层进行判断是否删除成功,删除成功直接返回 Json 形式的数据(大部分不会失败)
第六步:
到达 Ajax 返回值,进行判断传回参数是否正确,判断成功的话直接把所有祖先元素的段落删除