반응형
현재 참여하고 있는 프로젝트에서 input 값을 자동으로 더하는 법을
구현해야되어야 했고, 이 내용을 참고하여 추후에 다시 사용하기 위해서
기록했다.
전체적인 내용은 '잡다한 몽상백서' 블로그에서 발췌했다.
정보가 오래되어서 삭제될 가능성이 있었기에 전체적으로 가져와서 저장했다. 이를 응용한 다른 방법을 써보았으나, 아직 지식이 얕아..적용이 되지를 않아 아래 방법을 그대로 사용했다.
<html>
<head>
<body>
<script language='javascript'>
function total()
{
if(document.getElementById("male").value && document.getElementById("female").value){
document.getElementById('total').value =parseInt(document.getElementById('male').value) + parseInt(document.getElementById('female').value);
}
}
</script>
<form name='sumform'>
<input type='text' name='male' id='male' onkeyup='total()'>
<input type='text' name='female' id='female' onkeyup='total()'>
<input type='text' name='total' id='total' >
</form>
</body>
</html>
하기 링크를 발췌했다.
참고 링크
jobdahan.net/scriptstudy/1599950
잡다한몽상백서 - input 입력값 자동 더하기
반응형
'언어 > Java Script' 카테고리의 다른 글
| 자바스크립트 기초 이론 - 패캠 node.js 바탕 기본 이론 (0) | 2021.07.22 |
|---|---|
| [JavaScript - jQuery] value 값으로 select 박스 option 선택하기 + Syntax error, unrecognized expression 에러 (0) | 2020.12.15 |
| [JAVA Script] console.log( ) 와 document.write( ) 차이점 (0) | 2020.11.26 |
| [JavaScript] 자바스크립트 select combo 로 저장된 데이터 db에서 불러오기 (0) | 2020.08.24 |
| [Java Script] 자바스크립트 형변환 (0) | 2020.08.22 |