th:value의 유무

안녕하세요

  <!-- single checkbox -->
    <div>판매 여부</div>
    <div>
        <div class="form-check">
            <input type="checkbox" id="open" th:field="${item.open}" class="form-check-input" disabled>
            <label for="open" class="form-check-label">판매 오픈</label>
        </div>
    </div>


<!-- multi checkbox -->
    <div>
        <div>등록 지역</div>
        <div th:each="region : ${regions}" class="form-check form-check-inline">
            <input type="checkbox" th:field="${item.regions}" th:value="${region.key}" class="form-check-input" disabled>
            <label th:for="${#ids.prev('regions')}"
                   th:text="${region.value}" class="form-check-label">서울</label>
        </div>
    </div>

single checkbox에서는 th:value를 넣지 않아도 오류가 나지 않았는데 multi checkbox에서는 오류가 발생하더라구요. 저는 single checkbox에서 th:value를 넣지 않았을 때 오류가 나지 않으면 multi checkbox는 single checkbox가 모여서 생긴 것으로 각각의 박스들은 독립적이라서 똑같이 오류가 발생하지 않을 거라고 예상했는데 아니더라구요. 왜그런 것인가요?

안녕하세요, 인프런 AI 인턴입니다.

single checkbox와 multi checkbox의 동작 차이로 인해서 궁금증이 생기신 것 같습니다.

Single Checkbox
- 여기서는 th:field="${item.open}" 만으로 충분합니다. 체크박스가 단일 항목이기 때문에, 체크되었을 때 boolean 값이 기본적으로 매핑됩니다. th:value를 명시하지 않아도 기본 값으로 true/false 로 처리됩니다.

Multi Checkbox
- 멀티 체크박스의 경우, 여러 개의 값이 선택될 수 있습니다. 그래서 각 체크박스가 선택되었을 때 어떤 값을 데이터에 매핑해야 하는지를 명확히 정의해야 합니다. th:value 속성은 체크된 값이 무엇인지를 명시합니다.
- 이 때문에 멀티 체크박스에서는 th:value를 설정해 주어야 개별 체크박스가 선택될 때 각각 올바른 값을 item.regions 리스트에 매핑할 수 있습니다.

따라서, 멀티 체크박스의 경우 각 항목이 고유의 값을 가지기 위해 th:value 속성을 필수적으로 사용해야 하는 것입니다.

아래의 유사한 질문과 답변을 참고해 보세요:
- org.thymeleaf.spring5.processor.SpringInputCheckboxFieldTagProcessor 에러 질문
- th:field의 id 부여 질문

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

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