多选按钮实现删除

多选按钮实现删除_第1张图片
    function setTableTBodyRows(result){
        var tBody=$("#tBodyId");
        //清空原有数据
        tBody.empty();
        for(var i in result){//循环一次取一行记录
            var tr=$("");
            var tds=""+
            ""+result[i].name+""+
            ""+result[i].note+""+
            ""+result[i].created+""+
            ""+result[i].updated+"";
             tr.append(tds);
             tBody.append(tr);
        }
    }
        
    function doGetObjects(){
        var url="role/listPages";
        var params={pageCurrent:1};
        $.post(url,params,function(result){
            console.log(result);
            setTableTBodyRows(result);
        });
    }

用prop()获取属性的值比attr()要好

/*获取选中的角色列表中的记录*/
    function getCheckedIds(){
        var checkedIds="";
        //迭代tbody中名字为checkedId的input元素
        $("tbody input[name='checkedId']").each(function(){
            //假如这个input的cheked属性值为true
            if($(this).prop("checked")){
                if(checkedIds.length==0){
                    checkedIds+=$(this).val();
                }else{
                    checkedIds+=","+$(this).val();
                }
                
            }
        });
        return checkedIds;
    }
function doDeleteObject(){
        console.log("doDeleteObject");
        //获取角色id
        var checkedIds=getCheckedIds();
        console.log(checkedIds);
        if(checkedIds.length==0){
            alert("请选择一个");
            return;
        }
        var url="role/deleteObject";
        var params={"checkedIds":checkedIds};
        //异步传输到服务端,执行删除操作
        $.post(url,params,function(result){
            alert(result);
            doGetObjects();
        });  
    }

或者这样写

    function getCheckedIds(){
        var chs=new Array();
        //迭代tbody中名字为checkedId的input元素
        $("tbody input[name='checkedId']").each(function(){
            //假如这个input的cheked属性值为true
            if($(this).prop("checked")){
        
                chs.push($(this).val());
                console.log(chs);
            }
        });
        return checkedIds;
    }

角色列表

ID 姓名 备注 创建时间 更新时间
    @RequestMapping("/deleteObject")
    @ResponseBody
    public String deleteObject(String checkedIds){
        roleService.deleteObject(checkedIds);
        return "delete ok";
    }

public interface RoleService {
    List findPageObjects();
    /**
     * 根据id执行删除操作
     * @param ids
     * @return
     */
    int deleteObject(String ids);
}

@Service
public class RoleServiceImpl implements RoleService {

    @Autowired
    private RoleDao roleDao;
    public List findPageObjects() {
        return roleDao.findPageObjects();
    }
    @Override
    public int deleteObject(String ids) {
        if(ids==null||ids.length()==0)
            throw new RuntimeException("选中记录不能为空");
        String[] checkIds=ids.split(",");
        return roleDao.deleteObject(checkIds);
    }

}
package com.school.dao;

import java.util.List;

import org.apache.ibatis.annotations.Param;
import org.springframework.stereotype.Repository;

import com.school.entity.Role;

/**
 * 持久层(数据访问层)对象
 * 此类型的对象由mybatis创建
 */
@Repository
public interface RoleDao {
    //查询所有角色信息
    List findPageObjects();
    
    int deleteObject(@Param("ids")String[] ids);
}






    
     roles 
    
        from
        
    

    
    
    
         delete
         
         where id in
         
           ${item}
         
    

你可能感兴趣的:(多选按钮实现删除)