인프런 커뮤니티 질문&답변
작성한 질문수
checked radio 속성
작성
·
278
1
안녕하세요 강의도중 제가 이해한게 맞는지 궁금해서 질문을 남겨요.
질문은 radio 속성입니다 input 에 checked 를 첫번째 tab1인 친구에게 준다고 했을때 화면이 리로드 했을때 그 녀석만 css가 적용이 되는것을 알 수가 있습니다.
그런데 저희가 다른 친구인 tab2 tab3 한테 주면 tab1 의 checkd 가 사라지는걸 알 수가 있는데 그것은 그냥 radio의 속성인 걸까요 무조건 1개만 선택 할 수 있게 하여라!!
또 다른 방법으로 css에서 active라는 클래스를 만들어서 css를 넣어준후 제이쿼리 클릭이벤트로 클릭이 되었을때 다른요소들의 active 클래스는 삭제를 시켜주고 이 요소에게는 active를 add시켜라 라는 코드를 짜도 똑같이 작동할 것 같은데 맞는지 궁금합니다.
답변 2
2
탭 메뉴 콘텐츠는 CSS 방식과 JQUERY 방식 2가지로 만들 수 있습니다.
둘 다 합리적인 방식이니까 제작자가 선호하는 방식으로 만들면 됩니다.
CSS 방식은 radio 버튼 특성상 같은 name을 가지고 있는 것들 중에서 1개만 선택되고 다른 것이 선택되면 기존에 선택되어 있는 것이 풀리게 됩니다. checkbox의 경우 다른 것들에 영향을 주지 않고 개별적으로 체크하고 풀고를 할 수 있습니다.
탭 메뉴 콘텐츠는 CSS 방식과 JQUERY 방식 2가지로 만드는 실전 예제는 [HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)] 강의에 상세한 설명과 다양한 예제가 있습니다. 기회가 된다면 해당 강의 소개 보시기 바랍니다.
0
