Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 문자 검색
- 한 줄 이동
- 함수호출
- input
- 한 줄 복사
- 카스팔
- 변수
- comma
- 입력
- 숫자만
- eclipse
- javascript
- 실행오류
- 모바일 여부
- code=1
- Alt + Shift + A
- 카멜
- 변수명 추천
- 실행 안될 때
- Rownum
- 코마
- oninput
- 언더바
- 헝가리안
- html
- JS
- paging
- 모바일 체크
- 콤마
- Ctrl + Shift + O
Archives
- Today
- Total
빛나는 개발자
[HTML/Javascript] 태그에 클릭 이벤트(onclick)를 통해 JS 함수 호출하기 본문
○ 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('실패');
}
});
}
'[HTML][Javascript]' 카테고리의 다른 글
[Eclipse] 자주 사용하는 단축키(TIP) (2) | 2022.08.12 |
---|---|
[HTML/Javascript] 숫자(가격)에 쉼표(,Comma) 처리하기 (2) | 2022.08.10 |
[HTML] input태그 숫자만 입력 가능하도록 설정하기(oninput) (2) | 2022.08.09 |
[Javascript] 모바일 여부 체크하기 (2) | 2022.08.06 |
[이클립스(Eclipse)] 실행 오류(java was started but returned exit code=1) (2) | 2022.08.05 |
Comments