"JavaScript 버튼 비활성화"의 두 판 사이의 차이

2016년 12월 1일 (목) 23:07 판

1 개요

HTML button disabled
HTML 버튼 비활성화

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

2 예제 1: HTML

http://zetawiki.com/ex/html5/button-disabled.php

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

3 예제 2: JavaScript

http://zetawiki.com/ex/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 같이 보기

@@ 20번째 줄: / 20번째 줄: @@
 btn.disabled = 'disabled';
 </script>
-</source>
-==예제 3: jQuery==
-*http://zetawiki.com/ex/jquery/button-disabled.php
-<source lang='html5' highlight="7">
-<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>
 </source>