제이쿼리를 사용하여 input 태그 그리고 textarea 태그를 활성화 또는 비활성화로 변경하는 방법을 알아봅니다. 입력폼인 위 태그를 활성화 또는 비활성화 할 경우 글 입력(작성)이 가능 또는 불가능하게 변경할 수 있습니다. 그렇다면 아래는 이를 바꾸는 방법입니다.

$(ele).attr('disabled', 'disabled');



# 제이쿼리 attr()함수를 사용한 비활성 방법
이 방법은 jQuery를 사용하여 해당태그에 속성값 disabled를을 추가하는 방법입니다. attr() 메소드를 사용하면 속성과 속성값을 추가할 수 있습니다. attr() 메소드를 사용하는 간단한 예제는 아래에서 알아봅니다.


# 글입력폼 비활성화 예제보기, attr('disabled')
아래 예제를 봐주세요. 버튼을 클릭할 경우 활성화에서 비활성화로 변경되는 간단한 예제입니다.
<input type="text" placeholder="site name" />
<button id="sitename">Disable</button>

아래는 스크립트코드입니다.
$('#sitename').click(function() {
  $('input').attr('disabled', 'disabled');
});

이제 버튼을 클릭하여 비활성화로 바뀌게되었습니다. 이처럼 attr()을 사용하여 diabled 속성을 추가할 수 있습니다. 이제 아래에서 실제로 클릭해보세요.


# 비활성화 예제 실제구현 및 클릭해보기
위 예제를 실행하면 아래와 같습니다. 이제 버튼을 클릭하세요.