본문 바로가기
Framework & Library/Spring Boot

[Spring Boot] : 타임리프 체크 박스 단일(2)

by 오주현 2022. 2. 8.
반응형

타임리프 체크박스 단일(2)


전에 했었던 히든 필드를 추가하여 true, false를 반환 받는 방법 말고 타임리프가 제공하는 폼 기능을 사용해 해당 부분을 자동화해서 사용할 수 있다.

<input type="checkbox" id="open" class="form-check-input" name="open" value="true">
<input type="hidden" name="_open" value="on"/>

이랬던 기존 코드를

<input type="checkbox" id="open" th:field="${item.open}" class="formcheck-input" disabled>

이렇게 바꿔주기만 하면 된다.

타임리프를 사용하면 hidden 필드와 관련된 부분이 해결이 된다.

이 상태로 확인을 해보면 정상적으로 체크는 true, 체크가 되어있지 않으면 false가 된다.

<input type="checkbox" id="open" class="form-check-input" disabled name="open" value="true"
	checked="checked">

두번째 라인 부분이 타임리프의 체크 확인 코드이다.


스프링 MVC 2편 - 백엔드 웹 개발 활용 기술을 참고하여 공부하였습니다.

반응형

댓글