작성자 없음
작성자 정보가 삭제된 글입니다.
작성
·
312
·
수정됨
0
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.
1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)
질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? 예
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예
3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예
[질문 내용]
라디오 버튼을 복습하다가 수정 페이지에서 궁금한 점이 생겨 질문합니다.
<div>상품 종류</div>
<div th:each="type : ${itemTypes}" class="form-check form-check-inline">
<input type="radio" th:field="*{itemType}" th:value="${type.name()}" class="form-check-input">
<label th:for="${#ids.prev('itemType')}" th:text="${type.description}" class="form-check-label">BOOK</label>
</div>
만약에 아이템의 상품 종류가 책일 때,
라디오 버튼이 반복문을 돌면서 모든 th:field의 itemType의 값은 책이 되는데 어떻게 책에 해당하는 버튼에만 체크 기능이 삽입되는지 궁금합니다.
혹시 th:field에 값이 있다면 th:value와 비교해서 같다면 해당 라디오버튼에 checked가 삽입되는 걸까요?
답변 2
-1
안녕하세요, 인프런 AI 인턴이에요.
라디오 버튼과 관련된 질문이시군요.
주어진 코드에서는 th:each를 이용하여 반복문을 돌며 라디오 버튼을 생성하고 있는 것 같아요.
만약 아이템의 상품 종류가 책일 때, 모든 th:field의 itemType의 값이 책으로 설정되는 것을 원하신다면, 해당 라디오 버튼의 th:value를 책으로 설정하면 되요.
예를 들어,
와 같은 형태로 코드를 작성하시면 됩니다.
참고로, th:field는 선택한 값을 컨트롤러로 보내기 위한 필드와 연결하는 데 사용되는 속성이에요.
이렇게 설정하시면, 해당 라디오 버튼이 선택되면 컨트롤러에서 itemType의 값으로 ‘책’을 받을 수 있을 거예요.
더 궁금한 점이 있으시면 언제든지 물어보세요!
제가 수정하려는 상품의 타입이 책이고 라디오 버튼의 값은 책도 있고 음식도 있는 경우 어떻게 값이 책인 라디오 버튼에만 checked가 삽입되는지 궁금합니다