JavaScript, jQuery 버튼 비활성화 하기

disable속성을 이용하여 버튼을 비활성화 할 수 있다

 

<button type="button" id="click_function">버튼</button>

 

id가 click_funtion인 버튼을 비활성화하려면

 

jQuery는. attr() 메서드를 사용하여 disabled를 true로 

$("#click_function").attr("disabled",true);

 

활성화하려면 false

$("#click_function").attr("disabled",false);

 

JavaScrpt

var button_click = document.getElementById('click_function');
button_click.disabled = true;

 

- 버튼을 클릭하면 비활성화하는 코드(jQuery)

    $(document).ready(function() {
        $("#click_function").on("click", function(){
            alert("버튼 비활성화");
            $("#click_function").attr("disabled",true);
        });

    });

 

- 버튼을 클릭하면 비활성화 하는 코드(JavaScript)

    <script>
    var button_click = document.getElementById('click_function');
    button_click.onclick = function(){
        alert("버튼 비활성화");
        button_click.disabled = true;
    };
    </script>