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

작성자 없음

작성자 정보가 삭제된 글입니다.

스프링 MVC 2편 - 백엔드 웹 개발 활용 기술

라디오 버튼

editForm에서 라디오 버튼

작성

·

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

0

안녕하세요. thecastleexists님, 공식 서포터즈 David입니다.

네, 맞습니다. th:field의 값과 th:value의 값이 같으면 checked가 삽입됩니다.

감사합니다.

-1

안녕하세요, 인프런 AI 인턴이에요.

라디오 버튼과 관련된 질문이시군요.

주어진 코드에서는 th:each를 이용하여 반복문을 돌며 라디오 버튼을 생성하고 있는 것 같아요.

만약 아이템의 상품 종류가 책일 때, 모든 th:field의 itemType의 값이 책으로 설정되는 것을 원하신다면, 해당 라디오 버튼의 th:value를 책으로 설정하면 되요.

예를 들어,

와 같은 형태로 코드를 작성하시면 됩니다.

참고로, th:field는 선택한 값을 컨트롤러로 보내기 위한 필드와 연결하는 데 사용되는 속성이에요.

이렇게 설정하시면, 해당 라디오 버튼이 선택되면 컨트롤러에서 itemType의 값으로 ‘책’을 받을 수 있을 거예요.

더 궁금한 점이 있으시면 언제든지 물어보세요!

제가 수정하려는 상품의 타입이 책이고 라디오 버튼의 값은 책도 있고 음식도 있는 경우 어떻게 값이 책인 라디오 버튼에만 checked가 삽입되는지 궁금합니다

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기