[Spring boot] 체크박스 일괄 선택 & 삭제

백준호·2022년 11월 9일
0

스프링 부트

목록 보기
8/9
post-thumbnail

list.jsp

	//전체체크 클릭시 모든 체크값 얻기
	$("#allcheck").click(function(){
			
			//체크값 얻기
			var chk=$(this).is(":checked");
			console.log(chk);
			
			//전체를 각 글앞의 체크에 일괄 전달
            //prop()을 통해서는 element가 가지는 실제적인 상태(활성화, 체크, 선택				여부)를 제어하는 업무에 적절하고 
              attr()는 속성값이나 정보를 조회하는 업무에 적절하다
			$(".del").prop("checked",chk);
		});
	
    
    //실제 삭제부분 
    $("#btnmemberdel").click(function(){
			
			
			//체크한 인원수 구하기
			var cnt=$(".del:checked").length;
			
			if(cnt==0){
				alert("먼저 삭제할 회원을 선택해주세요");
				return;
			}
            
            $(".del:checked").each(function(i,elt){
				
				var num=$(this).attr("num");
				console.log(num);
				
				$.ajax({
					type:"get",
					dataType:"html",
					url:"delete",
					data:{"num":num},
					success:function(){
						alert("삭제성공");
						//새로고침
						location.reload();
					}
				});		
			});
		});
    
    .
    .
    .
    
    
	<input type="checkbox" class="del" num=${dto.num }>
    <!-- 클래스 지정후 각각의 번호를 읽어오게 num값 설정 -->

controller

@GetMapping("/member/deleteme")
		@ResponseBody
		public void deleteeme(String num,HttpSession session) {
			
			session.removeAttribute("loginok");
			session.removeAttribute("myid");
			session.removeAttribute("loginphoto");
			
			service.deleteMember(num);
		}
profile
남들이 다 아는 걸 모를 수는 없지!

0개의 댓글

관련 채용 정보