[JQUERY] inputbox readonly/disabled 처리하는 방법

안녕하세요, 오늘은 Jquery로 input box를 비활성화하는 방법에 대해서 알아보도록 하겠습니다. 개발을 하다 보면 가끔 input box를 활성화/비활성화 컨트롤을 해야 할 경우가 발생하는데요, 하나씩 기능에 대해서 알아봅시다.

 

1. readonly

• input box에 readonly 적용 시 value 수정이 불가능함.
• 읽기전용으로 설정된 필드는 수정은 불가능하지만, 복사는 가능.

2. readonly 예제

모든 INPUTBOX 읽기전용 설정하기 : $('input').prop('readonly', true);

모든 INPUTBOX 읽기전용 해제하기 : $('input').prop('readonly', false);

 

See the Pen input readonly by seo (@seungbly) on CodePen.

---

---

3. disabled

• disabled가 명시된 객체는 값수정이 불가능하고 클릭도 할 수 없음.
• form 전송 시 disabled처리된 객체는 전송이 안됨. 중요!!

4. disabled 예제

모든 INPUTBOX 비활성화 설정하기 : $('input').prop('disabled', true);

모든 INPUTBOX 비활성화 해제하기 : $('input').prop('disabled', false);

 

See the Pen input disabled by seo (@seungbly) on CodePen.