[javascript] 체크박스 클릭으로 selectbox의 disabled 속성 추가/제거하기

 

input 체크박스를 체크/해제시 selectbox의 disabled 속성이 토글되는 코드이다.

체크박스 체크 여부를 확인하는 속성은

셀렉터.checked

 

/* 240711 본문 수정*/

jQuery -> javascript

 

disabled 속성 제거하기: removeAttribute('disabled');

disabled 속성을 disabled로 설정: setAttribute('disabled', 'disabled');

 

코드펜 예제

 

See the Pen Undisable selectbox o checkbox click by sel (@wimmwell) on CodePen.

+jQuery에서는

disabled 속성 제거하기: removeAttr('disabled');

disabled 속성을 disabled로 설정: attr('disabled', true)를 각각 적용하면 된다.

 

 

실제 적용 예시