JavaScript 버튼 비활성화

1 개요

HTML button disabled

HTML 버튼 비활성화

• 버튼이 비활성화되면 onclick도 작동하지 않게 된다.

2 예제 1: HTML

• http://jmnote.com/html5/button-disabled.php

<button onclick="alert('Hello');">Say Hello</button>
<button onclick="alert('World');" disabled='disabled'>Say World</button>

3 예제 2: JavaScript

• http://jmnote.com/js/button-disabled.php

<button onclick="alert('Hello');">Say Hello</button>
<button onclick="alert('World');" disabled='disabled'>Say World</button>

4 예제 2: jQuery

• http://jmnote.com/jq/button-disabled.php

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$(function() {
	$("#btn-hello")
		.click(function() { alert("Hello"); });
	$("#btn-world")
		.click(function() { alert("World"); })
		.attr("disabled","disabled");
});
</script>
<button id="btn-hello">Say Hello</button>
<button id="btn-world">Say World</button>

5 같이 보기

• 버튼