본문 바로가기

STUDY/Front

jquery) name 지정자 가져오기 / 동일 name 여러개 가져오기

아래처럼 같은 name으로 여러개 값이 있을 경우, 

이 값들을 배열에 담는 방법이 있다

 

먼저 다음 예제처럼 가져올 값들이 있다고 가정하면

<input type="hidden" name="groupod" value="1">
<input type="hidden" name="groupod" value="2">
<input type="hidden" name="groupod" value="3">

<input type="button" id="commentbtn" value="배열만들기"/></td>

 

자바스크립트 

<script type="text/javascript" src="https://code.jquery.com/jquery-3.4.0.js"></script>
<script type="text/javascript">

$(function(){

	$('#commentbtn').on('click', function(){
    	//값들의 갯수 -> 배열 길이를 지정
		var grpl = $("input[name=groupod]").length;
		//배열 생성
		var grparr = new Array(grpl);
		//배열에 값 주입
		for(var i=0; i<grpl; i++){                          
			grparr[i] = $("input[name=groupod]").eq(i).val();
	        alert(grparr[i]);
	    }
	});
});
</script>

 

 

이렇게 배열에 담을 수 있다

반응형