[javascript] html 입력 버튼 비활성화 및 활성화

따라서 다음과 같은 버튼이 있습니다.

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

원하는 때 어떻게 비활성화하고 활성화 할 수 있습니까? 시도 disabled="disable"했지만 다시 활성화하는 것이 문제입니다. 다시 false로 설정하려고 시도했지만 활성화하지 않았습니다.



답변

자바 스크립트 사용

  • html 버튼 비활성화

    document.getElementById("Button").disabled = true;
  • html 버튼 활성화

    document.getElementById("Button").disabled = false;
  • 여기 데모


jQuery 사용

1.6 이전의 모든 버전의 jQuery

  • html 버튼 비활성화

    $('#Button').attr('disabled','disabled');
  • html 버튼 활성화

    $('#Button').removeAttr('disabled');
  • 여기 데모

1.6 이후의 모든 버전의 jQuery

  • html 버튼 비활성화

    $('#Button').prop('disabled', true);
  • html 버튼 활성화

    $('#Button').prop('disabled', false);
  • 여기 데모

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-->