[JAVASCRIPT] 자바스크립트로 만든 자동 계산 프로그램
이 스크립트는 파라미터 name이 다를경우를 나타 낸것이다.(파라미터 네임은 for문에 넣기 위해 인트형으로 했다)
파라미터 네임이 다른 이유는 tr즉 한 row가 증가되는 경우 jsp에서 <c:forEach>나 <%for( ; ; )%>을 이용하여 row를 select나 intput text로 받아 넘기면 될것이다.
배열로 받아오는 것은 많으나, 네임이 변하는 경우에는 없는거 같아 만들었다.
한번 확인 해보시고 다른 짧은 소스가 있으면 댓글 달아주세용 ^^ 소스가 도움이 되었으면 합니다 ^^;;
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title></title>
<script language="javascript" src="/common/scripts/CoFormControl.js"></script>
<script language="javascript" src="/common/scripts/net.js"></script>
<script language="javascript">
function jsPlus(){
data1 = Number("1");
data2 = Number("2"); 증가를 시키고 싶은땐 이 여기 data2의 수를 증가 시켜주면 되겠죠 ^^
var sum = 0;
var sum_b = 0;
for (var i = data1; i <= data2; i++){
var district_cd = eval("gForm.district_cd"+i);
if(district_cd.value == "0000"){
var count_a = eval("gForm.member_cnt"+i);
if(!isNaN(count_a.value)){
sum += Number(count_a.value);
}
}else if(district_cd.value == "0001"){
var count_b = eval("gForm.member_cnt"+i);
sum_b += Number(count_b.value);
}
}
gForm.count_h.value = sum+sum_b;
gForm.count_a.value=sum;
gForm.count_b.value=sum_b;
}
</script>
</head>
<body>
<form name="gForm" method="post" action="/app.basicinformation.Basicinformation.top">
<input type="hidden" name="comm" />
<input type="hidden" name="count" value="2" /> //여기 카운스 수도 파라미터나 머 그런걸루 증가시켜주면 되겠죠 ㅋ
<table width=100% height=100% border="0" cellspacing=0 cellpadding=0>
<tr>
<td valign="top">
<table class=tableBorder border="0" cellpadding="3" cellspacing="1" width="100%">
<tr height="0">
<td width="120"></td>
<td width="300"></td>
<td width="120"></td>
<td></td>
</tr>
<tr>
<td class=titleBorder_l>합</td>
<td class=descBorder_l colspan="3">
<input type="text" style="text-align:right;width:50" name="count_h" value="" readonly> (자동계산)
</td>
</tr>
<tr>
<td class=titleBorder_l>0000의 수</td>
<td class=descBorder_l colspan="3">
<input type="text" style="text-align:right;width:50" name="count_a" readonly> (자동계산)
</td>
</tr>
<tr>
<td class=titleBorder_l>0001의 수</td>
<td class=descBorder_l colspan="3">
<input type="text" style="text-align:right;width:50" name="count_b" readonly> (자동계산)
</td>
</tr>
</table>
<BR>
<table class=tableBorder border="0" cellpadding="0" cellspacing="0" width="100%">
//for문이나 jstl을 써서 적으면 되겠죠 ^^
<tr>
<td>
<table class=tableBorder width="100%" border="0" cellpadding="2" cellspacing="1">
<tr height="0">
<td width="10%" align="center" class=titleBorder_c>유형</td>
<td width="15%" align="center" class=titleBorder_c>명</td>
</tr>
<tr>
<td align="center" class=descBorder_c>
<select name="district_cd1" onChange=jsPlus();>
<option value = "0000">0000</option>
<option value = "0001">0001</option>
</select>
</td>
<td align="center" class=descBorder_c><input type="text" style="width:34" name="member_cnt1" onblur="jsvascript:jsPlus();"> 명</td>
</tr>
<tr height="0">
<td width="10%" align="center" class=titleBorder_c>유형</td>
<td width="15%" align="center" class=titleBorder_c>명</td>
</tr>
<tr>
<td align="center" class=descBorder_c>
<select name="district_cd2" onChange=jsPlus();>
<option value = "0000">0000</option>
<option value = "0001">0001</option>
</select>
</td>
<td align="center" class=descBorder_c><input type="text" style="width:34" name="member_cnt2" onblur="jsvascript:jsPlus();"> 명</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
<table width="100%">
<tr>
<td align="right">
<input type="button" class="sBtn01_2" name="" value="등록" onclick="javascript
<input type="button" class="sBtn01_2" name="" value="취소" onclick="javascript
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>
</body>
</html>