尚筹网：批量删除角色之给批量删除按钮绑定单击响应函数

末蓝、 2023-06-27 14:58 8阅读 0赞

# 标记批量删除按钮 #

/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/role-page.jsp中：

变成

![在这里插入图片描述][20200107111944557.png]

# 检查itemBox是否被选中 #

/atcrowdfunding-admin-1-webui/src/main/webapp/WEB-INF/role-page.jsp

# 在弹出的模态框中显示confirm信息 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]

// 给批量删除按钮绑定单击响应函数
    $("#batchRemoveBtn").click(function(){
        
    	
    	// 获取被选中的itemBox数组长度
    	var length = $(".itemBox:checked").length;
    	
    	// 如果长度为0，说明没有选择itemBox
    	if(length == 0) {
        
    		layer.msg("请至少选择一条！");
    		return ;
    	}
    	
    	// 在全局作用域内创建roleIdArray
    	window.roleIdArray = new Array();
    	
    	// 遍历$(".itemBox:checked")
    	$(".itemBox:checked").each(function(){
        
    		
    		// 通过checkbox的roleid属性获取roleId值
    		var roleId = $(this).attr("roleid");
    		
    		// 存入数组
    		window.roleIdArray.push(roleId);
    		
    	});
    	
    	// 调用函数打开模态框
    	showRemoveConfirmModal();
    });

![在这里插入图片描述][20200107112637770.png]

# 测试是否成功 #

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]

[20200107111944557.png]: https://img-blog.csdnimg.cn/20200107111944557.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200107112552250.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg==,size_16,color_FFFFFF,t_70
[20200107112637770.png]: https://img-blog.csdnimg.cn/20200107112637770.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200107112741846.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poaXpoZW5nZ3Vhbg==,size_16,color_FFFFFF,t_70