jquery 모든 input 입력박스 readonly 처리하기

상세정보 입력폼 화면에서 조회 중이거나 저장 중 화면의 정보를 변경을 방지하기 위하여 모든 input 텍스트 입력폼을 읽기전용으로 변경할 필요가 있을 때 사용할 수 있는 간단한 jquery 스크립트를 알아본다.

 

  $('input').prop('readonly', true);

 

모든 input 태그 속성에 readonly 속성을 넣는 것인데 반대로 속성을 제거하고자 하는 경우 true를 false로 바꾸면 되니 정말 간단하게 처리가 가능함.

 

다만 입력폼중 선택메뉴(select)가 있는 경우 이 스크립트로는 처리가 안된다. 그렇다고 disable 처리 해버리면 저장 시 값이 서버로 전달되지 않기 때문에 곤란하므로 option을 disable 처리하는 방식으로 처리한다.

 

  $('option').attr('disabled', true);

 

역시 반대로 활성화 시킬 때는 true를 false로 바꾸면 됨.