ajax批量删除

前端页面

全选框

<th><input type="checkbox" class="checkAll"></th>

单选框

<td><input type="checkbox" class="checks" id="{$val.id}"></td>

JS代码如下

//全选

$('.checkAll').click(function () {
    $('.checks').prop('checked',$(this).prop('checked'));
})

//批量删除

$('.btn2').click(function(){
    var ids = [];
    $('.checks:checked').each(function () {
        ids.push($(this).prop('id'));
    })
    $.ajax({
        url:'deldata',
        data:{id:ids},
        dataType:'json',
        success:function (e) {
            if (e.code==200){
                $('.checks:checked').each(function () {
                    $(this).parents('tr').remove();
                })
            }
        }
    })
})

本作品采用《CC 协议》，转载必须注明作者和本文链接