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 id="btn-hello" onclick="alert('Hello');">Say Hello</button>
<button id="btn-world"  onclick="alert('World');">Say World</button>
<script>
var btn = document.getElementById('btn-world');
btn.disabled = 'disabled';
</script>

4 예제 3: jQuery

• http://zetawiki.com/ex/jquery/button-disabled.php

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

5 같이 보기

• 버튼
• getElementById
• jQuery .attr()