js 批量删除功能

其实批量删除就是cehckbox 属性，首先解释 点击全选 CheckAll(this); 

function CheckAll(event){

    var checked = event.checked; //把选中这个属性赋值给一个变量

    $('#ptagTbody input[type:"checkbox"]').prop('checked', checked);  //把ptagTbody这个id下面的所有checkbox的input都选中

}

 

第二个批量删除函数 batchDelete();

function batchDelete() {
    var ptag_ids = new Array(); //定义一个数组存储id

     // 循环获取选中的checkbox
    $("#ptagTbody input[type='checkbox']:checked").each(function() {
        if (!isNaN($(this).val())) {
            ptag_ids.push($(this).val()); // 把值push进入数组里面
        }
    });
    if(ptag_ids.length ==0){
        alert('请选择至少一条记录删除');
        return false;
    }

     //调用删除函数
    deletePtag(ptag_ids);
}

 

function deletePtag(ptag_ids){
     if(confirm("您确定要删除单条或者多条标签记录吗？删除后无法恢复,请谨慎操作！")){
         $.ajax({
             type : "post",
             url : "{:U('batchDeletePtag')}",
             data : { "ptag_ids" : ptag_ids.toString() },  //数组.toString();转成字符串，号隔开的
             dataType : "json",
             success : function(data) {
                 console.info(data);
                 if(data["code"] > 0 ){
                     $("#chek_all").prop("checked", false);//成功后把全选按钮设置成不选中，其他下面刷新了，要不要都可以的
                     alert(data.msg);
                     location.reload();
                 }else{
                     alert(data.msg);
                 }
             }
         });
     }
}

 

 

html:

全选	小标签	所属大标	录入时间	操作
	{$vo.mtag_name}	未录入大标! {$vo.ptag_name}	{:date('Y-m-d H:i:s', $vo['time'])}	删除
无记录！

 

js: