List 형식의 Form 필드 합계
<script>
function sum() {
var sum = 0;
for (var i = 0; i < document.getElementsByName('countField').length; i++) {
sum += parseInt(document.getElementsByName('countField')[i].value);
}
alert(sum);
document.form1.total_sum.value = sum;
}
</script>
..........
<body>
<form name="form1" >
<input type="number" name="countField" >
<input type="number" name="countField" >
<input type="number" name="countField" >
<input type="number" name="countField" >
<input type="number" name="countField" >
<input type="number" name="countField" >
<input type="number" name="countField" >
<input type="number" name="total_sum" >
<input type="button" onclick="javascript:sum();" />
</form>
</body>
'뒤죽박죽 머리속' 카테고리의 다른 글
| javascript 새 창 띄우기 (0) | 2016.11.01 |
|---|---|
| List 출력 활용 (가로로 출력) (0) | 2016.11.01 |
| List 출력 (일반 게시판) (0) | 2016.11.01 |
| jsp 중복 submit 방지 (0) | 2016.10.31 |
| List 형식의 Form 값 전송을 위한 null 체크 (1) | 2016.10.31 |