검색하시면 나오는 자료구요
예전에 공부하느라 이곳에서 받아 놓은게 있어 올립니다.

참고하시면 될 것 같습니다.

==================================================================
<script language="javascript">
<!--

function calculate(obj, cost)
{
var f = document.join;
var temp = 0;

for (var i = 0; i < f.length; i++) {
if (f.elements[i].name == obj.name) {
if (isNaN(obj.value) || !obj.value) {
f.elements[i+1].value = "";
} else {
f.elements[i+1].value = parseInt(cost * obj.value);
}
}
if ((f.elements[i].name == "subAmount[]") && (f.elements[i].value > 0)) {
temp += parseInt(f.elements[i].value);
}
if (temp > 0) {
f.totalAmount.value = temp;
} else {
f.totalAmount.value = "";
}
}

//temp += parseInt(f.elements[i].value);
//f.totalAmount.value += temp;
}

function formValidate(f)
{
var msg = "";
f.company.optional = true;
f.ceoName.optional = true;
f.fax.optional = true;
f.tel.optional = true;
f.siteurl.optional = true;
f.address.optional = true;
f.totalAmount.optional = true;

for (var i = 0; i < f.length; i++) {
var e = f.elements[i];
if ((e.type == 'text') && !e.optional && (e.name.substr(0, 4) != "qty_") && (e.name != "subAmount[]")) {
if ((e.value == null) || (e.value == '')) {
alert("필수항목을 입력해 주십시오.");
e.focus();
return false;
}
}
}
if (!f.totalAmount.value) {
alert("견적 산출 항목을 입력하십시오.");
return false;
}

msg  = "┌──────────────────────────┐\n\n";
msg += "  ▒ 작성하신 내용을 스페이스라인으로 전송하시겠습니까 ? \n\n";
msg += "└──────────────────────────┘\n\n";
return confirm(msg);
}
//-->
</script>

<form name="join" method="post" action="order_form.php" onSubmit="return formValidate(this);">
<table width="570" border="0" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
                          <tr bgcolor="#FFFFFF">
                            <td width="95" height="25"><div align="center">항 목</div></td>
                            <td width="2" rowspan="18"></td>
                            <td width="50"><div align="center">단 가</div></td>
                            <td width="2" rowspan="18"></td>
                            <td width="85"><div align="center">수 량</div></td>
                            <td width="2" rowspan="18"></td>
                            <td width="75"><div align="center">산 출 가 격</div></td>
                            <td width="2" rowspan="18"></td>
                            <td width="257"><div align="center">비 고</div></td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="24"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_intro.htm','','width=600,height=448')" style="cursor:hand;">INTRO</div></td>
                            <td><div align="center">200,000</div></td>
                            <td> <div align="left"> <font color="#FFFFFF">.</font>
                                <input name="qty_1" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 200000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                PAGE </div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>플래쉬 + 그래픽 위주</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_main.htm','','width=600,height=620')" style="cursor:hand;">INDEX(MAIN)</div></td>
                            <td><div align="center">100,000</div></td>
                            <td> <div align="left"> <font color="#FFFFFF">.</font>
                                <input name="qty_2" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 100000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                PAGE</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>플래쉬 + 그래픽 구성</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_sub.htm','','width=600,height=559')" style="cursor:hand;">SUB PAGE</div></td>
                            <td><div align="center">20,000</div></td>
                            <td> <div align="left"> <font color="#FFFFFF">.</font>
                                <input name="qty_3" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 20000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                PAGE</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>각가의 카테고리 성격에 맞춘 디자인 구성</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_board.htm','','width=600,height=644')" style="cursor:hand;">게시판</div></td>
                            <td><div align="center">50,000</div></td>
                            <td> <div align="left"><font color="#FFFFFF">.</font>
                                <input name="qty_4" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 50000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                EA </div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td></td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_guest.htm','','width=600,height=536')" style="cursor:hand;">방명록</div></td>
                            <td><div align="center">50,000</div></td>
                            <td> <div align="left"> <font color="#FFFFFF">.</font>
                                <input name="qty_5" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 50000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                EA</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td></td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center">묻고 답하기</div></td>
                            <td><div align="center">50,000</div></td>
                            <td> <div align="left"><font color="#FFFFFF">.</font>
                                <input name="qty_6" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 50000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                EA</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td></td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_formmail.htm','','width=600,height=585')" style="cursor:hand;">폼메일 </div></td>
                            <td><div align="center">50,000</div></td>
                            <td> <div align="left"><font color="#FFFFFF">.</font>
                                <input name="qty_7" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 50000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                EA</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>고객 질문시 관리자 메일로 바로 전달</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_order.htm','','width=600,height=688')" style="cursor:hand;">주문서or견적서</div></td>
                            <td><div align="center">100,000</div></td>
                            <td> <div align="left"><font color="#FFFFFF">.</font>
                                <input name="qty_8" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 100000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                EA</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>제품 주문 및 제품 견적</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_member.htm','','width=600,height=665')" style="cursor:hand;">회원제 연동</div></td>
                            <td><div align="center">200,000</div></td>
                            <td> <div align="left">
                                <input type="radio" name="qty_9" value="1" onClick="calculate(this, 200000);">
                                유
                                <input name="qty_9" type="radio" value="2" checked onClick="calculate(this, 0);">
                                무 </div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>회원가입, 관리, 회원제 사이트 </td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_banner.htm','','width=600,height=530')" style="cursor:hand;">배너광고</div></td>
                            <td><div align="center">20,000</div></td>
                            <td> <div align="left"> <font color="#FFFFFF">.</font>
                                <input name="qty_10" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 20000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                EA</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td></td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center">팝업창</div></td>
                            <td><div align="center">30,000</div></td>
                            <td> <div align="left"><font color="#FFFFFF">.</font>
                                <input name="qty_11" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 30000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                EA</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>이벤트나 공지사항을 알림</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center">카운터</div></td>
                            <td><div align="center">30,000</div></td>
                            <td> <div align="left">
                                <input type="radio" name="qty_12" value="1" onClick="calculate(this, 30000);">
                                유
                                <input name="qty_12" type="radio" value="2" checked onClick="calculate(this, 0);">
                                무</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>방문객의 숫자를 나타냄</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center" onClick="MM_openBrWindow('/newsite/example/ex_log.htm','','width=600,height=515')" style="cursor:hand;">로그분석</div></td>
                            <td><div align="center">50,000</div></td>
                            <td> <div align="left">
                                <input type="radio" name="qty_13" value="1" onClick="calculate(this, 50000);">
                                유
                                <input name="qty_13" type="radio" value="2" checked onClick="calculate(this, 0);">
                                무</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>방문객의 접속경로 및 루트 등을 나타냄</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center">웹호스팅</div></td>
                            <td><div align="center">10,000</div></td>
                            <td> <div align="left"> <font color="#FFFFFF">.</font>
                                <input name="qty_14" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 10000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                개월 </div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>서버의 공간을 임대 (기본 300M)</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center">도메인</div></td>
                            <td><div align="center">22,000</div></td>
                            <td> <div align="left"> <font color="#FFFFFF">.</font>
                                <input name="qty_15" type="text" size="3" maxlength="5" onKeyPress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;" onKeyUp="calculate(this, 22000);" style="font-size: 10pt; border: 1px solid #809CC0;">
                                EA</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>1년기준</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center">SMS 연동</div></td>
                            <td><div align="center">100,000</div></td>
                            <td> <div align="left">
                                <input type="radio" name="qty_16" value="1" onClick="calculate(this, 100000);">
                                유
                                <input name="qty_16" type="radio" value="2" checked onClick="calculate(this, 0);">
                                무</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>초기 설치비 100,000원 이후 사용료는 매월청구</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="25"><div align="center">카드결제시스템</div></td>
                            <td><div align="center">340,000</div></td>
                            <td> <div align="left">
                                <input type="radio" name="qty_17" value="1" onClick="calculate(this, 340000);">
                                유
                                <input name="qty_17" type="radio" value="2" checked onClick="calculate(this, 0);">
                                무</div></td>
                            <td><div align="center"><input type="text" name="subAmount[]" size="10" readonly style="font-size: 10pt; border: 0px solid #809CC0;"></div></td>
                            <td>PG사 초기 셋팅비 + 500만원 보증금</td>
                          </tr>
                          <tr bgcolor="#FFFFFF">
                            <td height="30" colspan="9"><div align="center"><strong><font color="#FF0000">총
                                견적가 : <input type="text" name="totalAmount" size="15" readonly style="font-size: 10pt; border: 0px solid #809CC0;"> 원</font></strong><font color="#FF0000"><font color="#000000">(
                                VAT 별도 ) </font></font></div></td>
                          </tr>
                        </table>
</form>
================================================================================