개발자의 끄적끄적

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

개발/javascript & jquery

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

효벨 2020. 11. 6. 02:00
728x90
반응형

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

 

 

jquery로 특정 태그에 disabled 효과를 주거나 제거할때가 있습니다.

 

그럴때 attr을 이용하시면됩니다.

 

기본 사용법입니다.

$("대상").attr("disabled", true);
$("대상").attr("disabled", false);

 

예제입니다.

<input type="text" id="id_input"/>

위와같은 input 태그가 있다고 가정하고,

$("#id_input").attr("disabled", true); 
// <input type="text" id="id_input" disabled/>

$("#id_input").attr("disabled", false);
// <input type="text" id="id_input"/>

실행하면 위 예제처럼 보여지게 됩니다.

 

 

attr("disabled", true) <-- disbaled 속성 적용

attr("disabled", false) <-- disbaled 속성 해제

 

위 방법을 이용하면 disabled 효과를 적용/해제 할 수 있습니다

 

참고하세요!

반응형
Comments