[jQuery] disabled 효과 적용 / 해제

 

disabled의 기능에 대해 먼저 알아보자

 

<form action="" id="boRead_form" name="boRead_form" method="post">
	<input type="text" id="bo_title" name="bo_title" value="제목" disabled="disabled">		
	<input type="text" id="us_nickname" name="us_nickname" value="닉네임" disabled="disabled">	
	<textarea rows="5" cols="10" id="bo_content" name="bo_content" disabled="disabled">글 내용</textarea> <br>			
</form>

 

input 태그에

 disabled="disabled"

 

라고 되어있으면

 

 

 

 

이렇게 회색으로 떠서 수정하지 못한다.

 

만약 disabled를 설정해주지 않았다면

 

이렇게 흰색으로 떠서 클릭시 커서가 표시되고 안에 텍스트 값을 수정할 수도 있다

(input태그 말고도 다른 곳에서도 사용할 수 있다)

---

 

jQuery 로 disabled 효과를 주거나 제거하는 방법

 

$('#bo_title').attr("disabled",true);
$('#bo_title').attr("disabled",false);

 

여기서는 id를 이용했지만 다른 요소들을 사용해서 효과를 변경할 수도 있다

---

 

참고한 글

 

[javascript/jquery] jquery로 disabled 효과 적용/해제 방법 (tistory.com)

[javascript/jquery] jquery로 disabled 효과 적용/해제 방법