체크박스(checkbox) id값 적용_체크박스 항목 적용안되는 현상!

*  정확한 해당 경로 (URL 또는 메뉴상 위치 ex : 회사소개 > 기업소개 > 기업소개게시판 )

  - 경로 : 홈페이지 링크란에 입력했습니다.

 

* 내용 (변경, 또는 문제가 되는 부분에 대한 설명을 상세하게 문의해주시기 바랍니다. )

  - 내용 : 

 

 ------------------

 -----------

 


 

체크박스(checkbox) id값 적용_체크박스 항목 적용안되는 현상!

 

문제)

기타(etc_1~etc_3) 게시물 입력상자 추가 후 입력타입(체크박스) 기본속성입력란에 

 

class="AB-checkbox" id="etc_1" title="항목 선택"

 

입력한 경우 

 

글작성시 체크박스 적용안됨.

 

 

해결방법(??)

이런저런 테스트를 통해 오류를 하나하나 찾아가기 시작했습니다.

제가 찾은 오류로는 

입력타임 : 체크박스(id값 작성시 체크 안됨), 라디오(id값 적용해도 문제없음)

이처럼

체크박스 기본속성입력란에 id값을 넣지 않으면 정상적으로 작동한다는것인데..

문제는 "라디오"는 되고 "체크박스"는 되지 않아 문의합니다.

 

 

---------- 다른 분들을 위해 일부러 서술형태로 풀어서 글작성했으니 양해 바랍니다.

공유하기
매뉴얼요청
분류
게시판관리
>FORM편집
등록자

조용택

등록일
2015-10-19
버전

[RE] 체크박스(checkbox) id값 적용_체크박스 항목 적용안되는 현상!

안녕하세요. 질문도 정성껏 작성해주시고, 홈페이지에서도 문제화면을 바로 이해할 수 있도록 준비해주셔서 감사드립니다.^^
역시나 수준급으로 이해하고계시네요.

각 입력상자에 id를 왜 넣으셨는지는 모르겠지만 결론을 먼저 말씀드리자면 id는 직접 기입하시면 안됩니다.

보통 id는 1. 웹표준을 맞추기 위해서 또는 2. 디자인속성을 지정하기 위해서 지정하시는데요,
1. 웹표준을 맞추기 위함이라면, 자동으로 id를 부여하도록 마크업되어있으니 별도 작업이 필요하지 않습니다.

id를 지정하시지 않은 '주변환경' 필드의 마크업을 살펴보겠습니다.

 


이미지를 보시면 자동으로 각각의 id가 별도로 지정되는 것을 확인하실 수 있습니다.

id라는 것은 한 페이지에 한 번만 지정되고 사용되어야 하는 선택자입니다.
라디오버튼인 경우에는 저장되는 값이 무조건 하나만 체크되는 기능이라, 마크업이 옳지 않아도 저장되는데는 문제가 없습니다.
반면에 체크박스는 동시에 여러 값을 저장시키는 기능이기 때문에
중복된 id의 값을 체크하여 가져가려고 하면 -> 저장되지 않는 것입니다.

때문에 라디오는 정상적으로 저장되고, 체크박스는 저장되지 않았던 것이겠죠~

2. 디자인속성을 지정하기 위해서라면
위에서 말씀드린 바와 같이, 직접 id를 기입하시는 경우 자동으로 부여되는 id에 영향을 주기 때문에 
class로 대체하여 지정하셔야합니다.

html, css의 기본개념에 대해서는 게시판에서 자세히 답변드리지 않습니다.
더 공부해보시기를 원하시면 포털사이트 검색을 이용해주세요.^^
관련키워드

체크박스, 라디오

등록자
비오에스
등록일
2015-10-19 14:30
조회
822

댓글 1

조용택
WOW ~~~
나름 웹표준준수하려고 아이디값 넣고 있었는데...
별도 마크업에 되고있다니 안심 다행입니다.

친절한 답변 정말 감사합니다.
열공해야겠어요~~ 감사합니다~
2015-10-19 14:53
사용자포럼(Q&A)
번호제목등록자등록일
25404

김상훈

11-30
25132

임경진

11-12
24984

이상노

11-04
24917

홍은성

11-02
24858

임경진

10-28
24857

임경진

10-28
24856

임경진

10-27
24855

임경진

10-27
24854

임경진

10-27
24815

이광필

10-27
24748

김용의

10-23
24665

신훈섭

10-19
24630

조용택

10-19
24426

윤진수

10-07
24254

박진서

09-25