jQuery를 사용하여 입력 필드 비활성화 및 활성화

HTML 양식 요소로 작업할 때 사용자에 대해 특정 입력 필드를 비활성화하거나 활성화해야 하는 경우가 많습니다. 상호 작용. jQuery는 이러한 작업을 수행하기 위한 여러 가지 방법을 제공합니다.

입력 필드 비활성화

jQuery 버전 1.6 이상에서 입력 필드를 비활성화하는 데 선호되는 방법은 prop( ) 함수:

$("input").prop('disabled', true);

jQuery 이전 1.6부터 attr() 함수를 사용하여 비활성화된 속성을 설정할 수 있습니다:

$("input").attr('disabled', 'disabled');

Enabling 입력 필드

비활성화된 입력 필드를 활성화하려면 방법에 따라 작업을 취소해야 합니다. 사용됨:

jQuery 1.6

$("input").prop('disabled', false);

jQuery 1.5 및 아래

$("input").removeAttr('disabled');

직접 DOM 조작

jQuery의 모든 버전에서 , 언제든지 DOM 요소를 직접 조작할 수 있습니다:

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;

jQuery 1.6에 대한 참고 사항

jQuery 1.6에서는 RemoveProp() 메서드를 도입했지만 비활성화와 같은 기본 속성에는 사용하면 안 됩니다. 대신 항상 .prop()를 사용하여 속성을 false로 전환하세요.