• 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    미해결

checked radio 속성

21.10.20 15:18 작성 조회수 195

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

안병욱님의 프로필

안병욱

질문자

2021.10.20

와 이번강의에서 js로 해야될 거 같은데 라고 생각했는데 css로만 되는게 너무 신기하네요!! 감사합니다 새로운걸 터득했어요!!