[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 효과를 적용/해제 할 수 있습니다
참고하세요!
Jquery Disabled 속성 변경 및 상태가져오기 DEV / WEB
2019-07-18 posted by sang12
Jquery를 사용해서 Disabled 속성을 변경해야 될 때가 있습니다.
<input id="testInput" disabled="disabled"/>위와같이 input 태그가 존재할 때,$("#testInput").attr("disabled", false); $("#testInput").attr("disabled", true);속성을 변경하는 attr함수를 이용해 disabled 상태를 변경 할 수 있습니다.$("#testInput").attr("disabled")또한 해당 태그의 속성값이 disabled 됐는지 확인하기 위해서도 attr 함수를 이용하여 해당 속성값을 체크 할 수 있습니다.이때 disabled 상태라면 disabled의 값이 나올거고, 아니라면 undefined가 나오게 됩니다.#jquery 속성 변경 #jquery disabled 속성 변경 #jquery disalbed 상태
따라서 다음과 같은 버튼이 있습니다. 원하는 때 어떻게 비활성화하고 활성화 할 수 있습니까? 시도 disabled="disable"했지만 다시 활성화하는 것이 문제입니다. 다시 false로 설정하려고 시도했지만 활성화하지 않았습니다. html 버튼 비활성화 html 버튼 활성화 여기 데모 1.6 이전의 모든 버전의 jQuery html 버튼 비활성화 html 버튼 활성화 여기 데모 1.6 이후의 모든 버전의 jQuery html 버튼 비활성화 html 버튼 활성화 여기 데모답변
자바 스크립트 사용
jQuery 사용
PS jquery 1.6.1 변경 사항 에 따라 코드를 업데이트했습니다 . 제안으로 항상 최신 jquery 파일과 prop()메소드를 사용하십시오.
답변
처음에 사용하지 않도록 설정하기 때문에이를 활성화하는 방법은 disabled속성을로 설정하는 것 false입니다.
disabledJavascript에서 속성 을 변경하려면 다음 을 사용하십시오.
var btn = document.getElementById("Button"); btn.disabled = false;분명히 다시 비활성화하려면 true대신 사용하십시오.
jQuery로 질문에 태그를 지정 했으므로 .prop메소드를 사용할 수 있습니다 . 다음과 같은 것 :
var btn = $("#Button"); btn.prop("disabled", true); // Or `false`이것은 최신 버전의 jQuery에 있습니다. 이를 수행하는 오래된 방법은 다음과 같이 속성을 추가하거나 제거하는 것입니다.
var btn = $("#Button"); btn.attr("disabled", "disabled"); // or btn.removeAttr("disabled");disabled속성이 존재하기 만하면 요소가 비활성화되므로 해당 값을 “false”로 설정할 수 없습니다. 다음조차도 요소를 비활성화해야합니다.
<input type="button" value="Submit" disabled="" />당신도 완전히 속성을 제거해야 또는 그것의 속성을 설정합니다.
답변
라이브러리가 필요없는 간단한 JavaScript만으로도이를 쉽게 수행 할 수 있습니다.
버튼 사용
document.getElementById("Button").disabled=false;버튼 비활성화
document.getElementById("Button").disabled=true;외부 라이브러리가 필요하지 않습니다.
답변
disable 속성에는 하나의 매개 변수 만 있습니다. 다시 사용하려면 값을 변경하는 것이 아니라 전체를 제거해야합니다.
답변
$(".btncancel").button({ disabled: true });
여기에서 ‘btncancel’은 버튼의 클래스 이름입니다.
답변
jQuery를 사용하지 않으면 입력이 더 간단 해집니다.
Button.disabled=1;답변
<!--Button Disable Script--> <script type="text/javascript"> function DisableButton() { document.getElementById("<%=btnSave.ClientID %>").disabled = true; } window.onbeforeunload = DisableButton; </script> <!--Button Disable Script-->