빛나는 개발자

[HTML/Javascript] 태그에 클릭 이벤트(onclick)를 통해 JS 함수 호출하기 본문

[HTML][Javascript]

[HTML/Javascript] 태그에 클릭 이벤트(onclick)를 통해 JS 함수 호출하기

마재선 2022. 8. 8. 09:58

○ input 태그에 onclick 속성을 추가하여 javascript에서 선언한 함수를 호출할 수있습니다.

<input type="button" class="btn" value="+" onclick="cntPlus();">

 

○ 함수 선언!

<script type="text/javascript">

function cntPlus(){
	alert("함수 호출!!");
}

</script>

★ 매개변수를 추가하면 javascript에서도 전달 가능하니 활용해보세요~

 

<input type="button" class="btn" value="+" onclick="cntPlus('${maVO.workSn}');">
function cntPlus(workSn){
	$.ajax({
		type : "POST",
		url : "cntUpdate.json",
		data : {"mdfcnCnt":$("#mdfcnCnt").val(), "workSn" : workSn},    
		dataType : "json",    
		success : function (data) {   
			console.log('성공');        
		},
		error : function () {
			alert('실패');
		}      
	}); 
}

 

Comments