Spring Boot/2차 미니프로젝트

장바구니에서 체크한 리스트만 삭제하기 ( 체크박스 선택/해제, 선택한 리스트 삭제 )

pjh8838 2024. 6. 19. 16:47

jsp, springboot, mysql 사용

체크박스 input

 

jsp에 체크박스에 해당하는 input 태그에 onchange="checkAll(this)" 를 넣어줌

이렇게 써주기만 하면 체크박스 선택/해제 완료

 


리스트 별 체크박스

리스트마다 달리는 체크박스에 value 값을 넣어준다 

value를 넣어서 체크박스에 체크를 하면 dto에서 해당 리스트에 해당하는 gCode 값을 받아온다

 

리스트 체크 후 삭제할 버튼에는 onclick 이벤트

 

onclick 이벤트 로직, post로 넘겨준다 page

 

${pageContext.request.contextPath}/deleteChecked 은 contextPath를 정해주는거고

컨트롤러 매핑값에도 동일하게 적어준다.  @PostMapping("/deleteChecked")

 

 

매퍼
매퍼.java
서비스
컨트롤러

 

sysout은 항상 보이기 때문에 쓰면 안되는데

여기서는 deleteItems를 통해서 code에 어떤값이 들어오는지 볼려고 넣어놨다

728x90