关于批量和单个的统一操作的一些小技巧

最新推荐文章于 2022-10-18 17:03:13 发布

尘世一居士

最新推荐文章于 2022-10-18 17:03:13 发布

阅读量424

点赞数

文章标签： javascript dom 索引 php

本文链接：https://blog.csdn.net/weixin_42447084/article/details/106116712

版权

关于批量和单个的统一操作
首先，发送给服务器的是数组形式的统一操作对象
服务器根据对应数组进行统一操作

举例：

删除操作或者回复操作
删除操作函数分为两个：
del(obj,ids)
delAll(
统合id为ids数组ids
del(this,ids);
);

<a title="删除" onclick="del(this,['{$vo.id}'])" href="javascript:;">

注意，传入参数 [’{$vo.id}’] 是数组形式

<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>

delAll()里的ids有两步，这里只是举实例：

    // 监听全选
    form.on('checkbox(checkall)', function(data){

        if(data.elem.checked){
            $('tbody input').prop('checked',true);
        }else{
            $('tbody input').prop('checked',false);
        }
        form.render('checkbox');
    });
    // 获取选中的id
    $('tbody input').each(function(index, el) {
        if($(this).prop('checked')){
            ids.push(parseInt($(this).val()))
        }
    });