• 카테고리

    질문 & 답변
  • 세부 분야

    백엔드

  • 해결 여부

    미해결

editForm에서 라디오 버튼

23.10.06 17:55 작성 23.10.06 17:57 수정 조회수 256

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

David님의 프로필

David

2023.10.11

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

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

감사합니다.

-1

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.10.08

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

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

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

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

예를 들어,

<input type="radio" th:field="*{itemType}" th:value="책" class="form-check-input" />

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

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

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

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

thecastleexists님의 프로필

thecastleexists

2023.10.08

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