select box 옵션 선택에 따라 라디오버튼 활성화/비활성화..코드가 너무 긴것같은데 이게 맞을까요

Question

요런 화면인데요,정원내를 클릭하면 윗줄 라디오버튼들이 활성화되고 기타를 누르면 input box가 활성화 됩니다근데...정원증원필요를 눌렀더니 윗줄 비활성화 되긴 하지만 input box에 입력한 값이 아직 남아있고체크도 여전히 저쪽에 남아있는데요ㅠㅠ두번째칸 기타를 선택하고 글을 쓰면 써지긴 하는데 위에꺼가 남아있어서...제가 원하는건 select box 옵션 선택에 따라 라디오버튼 활성화/비활성화는 했는데옵션 선택을 다르게 할 때마다 체크된거랑 input box값을 초기화를 시켜주고 싶어요초기화는 아직 못하고 일단 코드는 짜봤는데...너무 긴것같아섴...고수님들 한번씩만 봐주세요ㅠ조언 부탁드립니다.HTML 소스 구분 퇴직 휴직 기타 업무량 증가 신규사업 기타 jQuery 소스앜....ㅋㅋㅋ시닙이라..ㅠ

컴포지트 · Accepted Answer

긴 걸 간결하게 하는 방법을 찾는 것도 개발자의 역할이기도 합니다. 최적화이기도 하죠.지금같은 시나리오에서 id 들이 가지고 있는 &#34;그룹&#34;을 생각해야 할 때입니다.HTML 에서는 유일한 키를 담당하는 id 속성이 있다면, 이런 &#34;그룹&#34; 으로 묶어주는 역할을 하는 class 속성이 있습니다. 이걸 활용하면 여러모로 유용하죠.예를들어 [id&#61;memberType1~3] 까지는 class&#61;&#34;memberTypeA&#34; 로,그다음 [id&#61;memberType4~6] 까지는 class&#61;&#34;memberTypeB&#34; 로 묶어준 뒤,첫번째 항목 선택 시 $('.memberTypeA').prop('disabled', false); $('.memberTypeB').prop('disabled', true);두번째 항목 선택 시 $('.memberTypeA').prop('disabled', true); $('.memberTypeB').prop('disabled', false);정말 간결해 질 겁니다. 한번 응용해 보시길.

select box 옵션 선택에 따라 라디오버튼 활성화/비활성화..코드가 너무 긴것같은데 이게 맞을까요

1개의 답변

Q&A 목록