"JQuery input 개수 세기"의 두 판 사이의 차이

2016년 12월 31일 (토) 01:37 판

jQuery - HTML 요소 개수
jQuery - input text 개수 확인
jQuery - input 배열 수 세기

1 소스

<form name='my_form'>
<input type='text' name='tag' />
<input type='text' name='tag' />
<input type='text' name='tag' />
<input type='text' name='tag' />
<input type='text' name='tag' />
<input type='button' id='my_button' value='개수 세기' />
</form>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$("#my_button").click(function() {
  alert( $("input[name=tag]").length );
});
</script>

[개수 세기] 버튼을 누르면 tag[]의 개수 5가 출력된다.

2 같이 보기

@@ 6번째 줄: / 6번째 줄: @@
 ==소스==
 <source lang='HTML5'>
-<!DOCTYPE html>
-<meta charset='utf-8' />
-<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
-<script type="text/javascript">
-$(document).ready(function(){
-	$("#my_button").click(function() {
-		alert($("input[name=tag]").length);
-	});
-});
-</script>
 <form name='my_form'>
 <input type='text' name='tag' />
@@ 24번째 줄: / 14번째 줄: @@
 <input type='button' id='my_button' value='개수 세기' />
 </form>
+<script src="//code.jquery.com/jquery.min.js"></script>
+<script>
+$("#my_button").click(function() {
+  alert( $("input[name=tag]").length );
+});
+</script>
 </source>
+<jsfiddle>8byz83bw</jsfiddle>
 * [개수 세기] 버튼을 누르면 tag[]의 개수 5가 출력된다.
-* 예제: http://zetawiki.com/ex/jquery/count_input.php
 ==같이 보기==