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

2020년 11월 2일 (월) 02:51 기준 최신판

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 같이 보기[ | ]

@@ 6번째 줄: / 6번째 줄: @@
 ==예제 1: HTML==
 *http://zetawiki.com/ex/html5/button-disabled.php
-<source lang='html5'>
+<syntaxhighlight lang='html5'>
 <button onclick="alert('Hello');">Say Hello</button>
 <button onclick="alert('World');" disabled='disabled'>Say World</button>
-</source>
+</syntaxhighlight>
 ==예제 2: JavaScript==
 *http://zetawiki.com/ex/js/button-disabled.php
-<source lang='html5' highlight='5'>
+<syntaxhighlight lang='html5' highlight='5'>
 <button id="btn-hello" onclick="alert('Hello');">Say Hello</button>
 <button id="btn-world"  onclick="alert('World');">Say World</button>
@@ 20번째 줄: / 20번째 줄: @@
 btn.disabled = 'disabled';
 </script>
-</source>
+</syntaxhighlight>
-==예제 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>
 ==같이 보기==
 * [[버튼]]
 * [[getElementById]]
-* [[jQuery .attr()]]
+* [[jQuery 버튼 비활성화]]
-* [[jQuery 버튼 수행시간동안 disabled]]
 [[분류: HTML]]