value의 값
106
작성한 질문수 10
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예/)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/)
[질문 내용]
여기에 질문 내용을 남겨주세요.
판매 여부를 체크하지 않았는데, 크롬 '소스보기'에서 확인해보면
<input type="checkbox" id="open" class="form-check" name="open" value="true"><input type="hidden" name="_open" value="on"/>과 같이 value="true"가 나옵니다.
value의 값이 true이면 타임리프 속성(th:field를 사용하면, 값이 true인 경우 체크를 자동으로 처리)으로 체크가 되어야 하는 것과도 좀 충돌하는 것 같습니다.
체크를 하지 않았는데 value의 값은 true이고, 정작 타임리프는 true일 경우 자동으로 체크처리해야하는데 화면에는 체크처리가 되지 않아있고...
어디서 잘못 생각한 것일까요?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. 냐암2님.
해당 질문은 타임리프에서 th:field를 사용할 때 체크박스의 동작에 대한 것으로 보여집니다. 타임리프는 th:field를 사용하여 체크박스를 렌더링할 때, 값이 true인 경우에만 체크 상태를 화면에 나타내게 됩니다. 하지만 여기서는 value 속성의 “true”가 체크박스의 체크 상태와는 직접적인 연관이 없습니다.
관련된 기존 질문과 답변들을 찾아보았고, 아래 링크들을 통해 더 깊이 있는 설명을 얻으실 수 있을 것입니다:
페이지 소스보기에서 true 값 질문- Checkbox의 value와 checked 상태에 관한 설명.
th:field="*{open}"에 의해 생성된 value 속성 관련- th:field로 인해 자동 생성되는 value 속성에 대한 해설.
기본적으로, 클라이언트(브라우저) 측에서 HTML을 생성할 때 value=“true”는 체크박스가 선택될 경우 서버로 전송할 값을 의미합니다. 그래서 실제 체크 상태와는 무관하게 항상 “true”로 표시될 수 있습니다. 체크 상태는 서버로 전송된 데이터로 결정되며, 전송된 데이터가 없는 경우 _open과 같은 히든 필드에 의하여 unchecked 상태로 간주됩니다.
이 점이 혼동을 일으키는 것 같습니다. 타임리프에서는 th:field가 객체의 값을 기준으로 checked 상태를 결정하므로 객체의 해당 필드가 true일 때만 체크 상태로 렌더링 됩니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
이미지 업로드와 db 트랜잭션 묶는법
0
42
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
52
2
MessageSourceTest 코드
0
47
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
56
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
54
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
133
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
89
3
pdf 오타 문의
0
57
1
ItemUpdateForm 검증 관련 질문입니다.
0
48
1
22page 링크 주소 변경
0
59
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
53
1
섹션3번 수업에 대한 질문입니다.
0
80
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
85
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
65
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
142
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
63
1
톰캣 에러 페이지가 안보입니다.
0
100
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
81
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
118
2
ApiExceptionController 질문드립니다.
0
64
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
66
1
MemberRepository 필드의 fianl 선언 유무
0
85
2
혹시 index.html 에서는 fragment 사용이 안되는건가요
0
58
1