이거 맘대로 되는 세상이 아니구만...

[JAVASCRIPT] 자바스크립트로 만든 자동 계산 프로그램 본문

html/javascript

[JAVASCRIPT] 자바스크립트로 만든 자동 계산 프로그램

바이홍 2008. 3. 21. 17:55
반응형

이 스크립트는 파라미터 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">
      &nbsp;<input type="text" style="text-align:right;width:50" name="count_h" value="" readonly>&nbsp;(자동계산)
     </td>
    </tr>
    <tr>
     <td class=titleBorder_l>0000의 수</td>
     <td class=descBorder_l colspan="3">
      &nbsp;<input type="text" style="text-align:right;width:50" name="count_a" readonly>&nbsp;(자동계산)
     </td>
    </tr>
    <tr>
     <td class=titleBorder_l>0001의 수</td>
     <td class=descBorder_l colspan="3">
      &nbsp;<input type="text" style="text-align:right;width:50" name="count_b" readonly>&nbsp;(자동계산)
     </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();">&nbsp;명</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();">&nbsp;명</td>
        </tr>
      </table>       
     </td>
    </tr> 
   </table>
   <br>
   <table width="100%">
    <tr>
     <td align="right">
      <input type="button" class="sBtn01_2" name="" value="등록" onclick="javascript:jsWrite();">
      <input type="button" class="sBtn01_2" name="" value="취소" onclick="javascript:jsReset();">
     </td>
    </tr>
   </table>
  </td>
 </tr>
</table>
</form>
</body>
</html>

 
반응형
'html/javascript' Related Articles more
Comments