인프런 커뮤니티 질문&답변

Thymeleaf 소스쪽을 확인해봤습니다.

예상한대로 그냥 value에 true를 밀어넣고 있네요ㅎㅎ;

.

SpringInputCheckboxFieldTagProcessor 클래스가 Checkbox 관련된 처리를 맡아서 하고 있습니다.

doProcess() 메서드 내에서 checkbox의 th:field가 어떻게 처리되는지 살펴보니 value attribute는 true로 그냥 할당하는 것을 볼 수 있습니다.

checkbox에서 th:field에 boolean 타입이 올 때에만 th:value를 생략할 수 있습니다.

이는 필드의 값이 true/false 둘 중 하나가 되고, 체크박스가 체크되면 자연스럽게 해당 필드가 true임을 나타내는 것이기 때문에 자동으로 value에 true가 할당되는 것으로 구현한 것 같습니다.

.

Boolean isOpen = Boolean.FALSE; 필드 하나만을 가지는 Open 객체를 template에 전달하여 th:field="${open.isOpen}"으로 넣었습니다.

isOpen의 false 값과는 상관없이 value의 값으로 true를 할당하고 있습니다.

바로 그 아래에는 th:field의 true/false의 값에 따라 checkbox에 checked를 붙일 것인지 말것인지에 대한 판단을 할당하고 있고요.

최종적으로 만들어진 html input chekcbox element의 attributes를 보면 value="true"인것이 확인됩니다.

.

도움이 되셨길 바랍니다:)

답변 감사합니다. 저도 한번 공식문서에서 찾아보겠습니다.

안녕하세요. rere님, 공식 서포터즈 Taewon David Hwang입니다:)

.

input tag의 value는 서버로 form이 제출(submit)될 때 어떤 값을 전달할 것인지 나타내는 값입니다.

이는 checkbox의 checked와 unchecked 무관하며 checked와 unchecked에 대한 판단은 input tag의 value값이 아닌 th:field의 open의 값(true, false)에 따라 결정됩니다.

.
감사합니다.

서버에 저장된 open값으로 cheked와 unchecked를 렌더링 하는것을 알겠는데...

궁금한것은 아래코드에서 th:value ="${item.open}"값이 왜 페이지 소스코드 보기에서 false가 아니고 true인것이냐 입니다.

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