inflearn logo
강의

Course

Instructor

Spring MVC Part 2 - Backend Web Development Application Techniques

Check Box - Multi

label 위치 질문입니다.

1075

it09kim

32 asked

0

안녕하세요!
이 코드에서 라벨의 위치만 바꿔서
이렇게하면 제 예상으론
label이 위로가서 원래
ㅁ 판매오픈 , ㅁ 서울 ( ㅁ은 체크박스 입니다)
이렇게 나오는게
판매오픈 ㅁ, 서울 ㅁ 이렇게 나온다고 예상했는데
판매오픈같은 경우에는 옮겨도 오류는 안나지만 그대로 ㅁ판매오픈 이런식으로 나오고
서울 부산 제주 밑에 코드의 경우에는 아예 오류가 나버리던데
왜그런건가요,..?

spring MVC

Answer 2

1

xxxxxseed

저처럼 나중에 보실 분들을 위해서 남깁니다.

질문자님 처럼

th:for="${#ids.prev('regions')}"

를 아래와 같이 수정하면 정상 작동합니다.

th:for="${#ids.next('regions')}"

Ids 클래스의 prev 메서드가 앞서 생성한 th:field="*{regions}"를 다시 가져오는 기능을 하는 듯 한데<label>태그가 <input>태그보다 앞에 있으면 가져올 값이 없어서 나는 오류인 듯 합니다.

 

하지만 여전히 체크박스가 앞에 있어서

<div th:each="region : ${regions}" class="form-check form-check-inline">

class="form-check form-check-inline" 이 부분을 지웠더니 체크박스가 뒤로 가는 것을 확인했습니다.

0

villa953767

캬!! 대박이네요

1

yh

안녕하세요. it09kim님

해당 부분은 HTML의 약속입니다. LABEL의 위치나 이런 부분도 다 약속이 되어 있습니다.

관련해서 위치를 바꾸고 싶으면 HTML, CSS를 학습하셔야 합니다.

(제가 백엔드 개발자여서 저도 어떻게 해야할지 모르겠네요ㅠㅠ)

혹시 아시는 분있으면 답변 부탁드립니다.

감사합니다.

0

it09kim

<div class="classCheckBox">
<input type="checkbox" id="checkboxId24" value="1" name="checkboxName[]" />
<label for="checkboxId24">1 </label>
</div>

Jquery를 사용해서 이런식으로 바꾸는 방법이있다고합니다..ㅜㅜ

$('.classCheckBox label').each(function() {
$(this).insertBefore( $(this).prev('input') );
});
// Reference: stackoverflow

이미지 업로드와 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

65

1

MemberRepository 필드의 fianl 선언 유무

0

85

2

혹시 index.html 에서는 fragment 사용이 안되는건가요

0

58

1