[JavaScript] form 형식안의 버튼에서 클릭한 버튼의 value 값 스크립트에 전달하기

덕지덕지 코드를 발라서 프로젝트를 하고 있는데 form 형식안의 버튼에서 한 버튼을 클릭시

 

어떤 버튼을 눌렀는지에 따라 다른 값을 전달해주려 하는게 생각보다 잘 안되고 찾아도 안나와서 애를 먹었다.

 

코딩이랑 구글링을 하며 1시간정도 비비고 나서 스택 오버플로에서 해답을 찾았다.

 

아래에는 작업중인 프로젝트에서 테스트에 사용한 부분들만을 추려보았다.

 

 

<script type="text/javascript">

function checkRow(event) {

var event_test = event;

alert(event_test);
}

<input type="submit" id="valueId" VALUE="제출" onClick="checkRow(this.form.valueId.value)")>

 

 

submit 타입으로 만들어 둔 버튼들에서 onClick을 위와같이 선언해주면 id에 따라 id가 포함된 요소의 value 값을 

 

실행하고자 하는 함수에 입력해 실행할 수 있다. 

 

위와같은 경우에는 제출 버튼을 눌렀을 때  제출버튼의 id valueId, 그리고 제출버튼의 value 제출이 

 

this.form.valueId.value 라는 양식으로 checkRow()함수를 실행하였고

 

원하던대로 alert 창에 전달한 변수값을 출력해주었다.

 

 

< 실행화면 >