checkbox에 선택하면 금액이 자동합산되어 표시
페이지 정보
작성자 서방님 댓글 0건 조회 180회 작성일 07-08-10 17:32본문
<head>
<script language="JavaScript">
<!--
function checkChoice(whichbox) {
with (whichbox.form) {
if (whichbox.checked == false)
hiddentotal.value = eval(hiddentotal.value) - eval(whichbox.value);
else
hiddentotal.value = eval(hiddentotal.value) + eval(whichbox.value);
return(formatCurrency(hiddentotal.value));
}
}
function formatCurrency(num) {
num = num.toString().replace(/$|,/g,'');
if(isNaN(num)) num = "0";
cents = Math.floor((num*100+0.5)%100);
num = Math.floor((num*100+0.5)/100).toString();
if(cents < 10) cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3))+','+num.substring(num.length-(4*i+3));
return (num + "원");
}
//-->
</script>
</head>
<body>
<p align="center"><a href="http://daum.net">다음넷</a></p>
<p></p>
<table align="center" bgcolor="#cccccc" cellpadding="2" cellspacing="0" width="621">
<tr>
<td bgcolor="white" valign="top" width="288">
<form name="myform">
<table bgcolor="#CCCCCC" cellpadding="3" cellspacing="1" width="100%">
<tr>
<td align="center" bgcolor="white" width="34%">
<p>갯수 </p>
</td>
<td align="center" bgcolor="white" width="122">
<p>가격</p>
</td>
<td align="center" bgcolor="white" width="47">
<p>선택</p>
</td>
</tr>
<tr>
<td align="center" bgcolor="white" width="34%">
<p>1개</p>
</td>
<td align="center" bgcolor="white" width="122">
<p>100,000 원</p>
</td>
<td align="center" bgcolor="white" width="47">
<input name="Steak" onclick="this.form.total.value=checkChoice(this);" type="checkbox" value="100000">
</td>
</tr>
<tr>
<td align="center" bgcolor="white" width="34%">
<p>6개</p>
</td>
<td align="center" bgcolor="white" width="122">
<p>500,000 원</p>
</td>
<td align="center" bgcolor="white" width="47">
<input name="Chicken" onclick="this.form.total.value=checkChoice(this);" type="checkbox" value="500000">
</td>
</tr>
<tr>
<td align="center" bgcolor="white" width="34%">
<p>15개</p>
</td>
<td align="center" bgcolor="white" width="122">
<p>1,200,000 원</p>
</td>
<td align="center" bgcolor="white" width="47">
<input name="Sushi" onclick="this.form.total.value=checkChoice(this);" type="checkbox" value="1200000">
</td>
</tr>
<tr>
<td align="center" bgcolor="white" width="34%">
<p>합계</p>
</td>
<td align="center" bgcolor="white" colspan="2" width="176">
<input name="total" readonly="READONLY" size="10" type="text" value="">
<input name="hiddentotal" type="hidden" value="0">
</td>
</tr>
</form>
</table>
</form>
</td>
<td bgcolor="white" valign="top" width="325">
<table bgcolor="#CCCCCC" cellpadding="3" cellspacing="1" width="100%">
<form name="myform2">
<tr>
<td align="center" bgcolor="white" width="22%">
<p>갯수</p>
</td>
<td align="center" bgcolor="white" width="181">
<p>가격</p>
</td>
<td align="center" bgcolor="white" width="52">
<p>선택</p>
</td>
</tr>
<tr>
<td align="center" bgcolor="white" width="22%">
<p>10개</p>
</td>
<td align="center" bgcolor="white" width="181">
<p>300,000 원</p>
</td>
<td align="center" bgcolor="white" width="52">
<input name="Tea" onclick="this.form.total.value=checkChoice(this);" type="checkbox" value="300000">
</td>
</tr>
<tr>
<td align="center" bgcolor="white" width="22%">
<p>20개</p>
</td>
<td align="center" bgcolor="white" width="181">
<p>500,000 원</p>
</td>
<td align="center" bgcolor="white" width="52">
<input name="Cola" onclick="this.form.total.value=checkChoice(this);" type="checkbox" value="500000">
</td>
</tr>
<tr>
<td align="center" bgcolor="white" width="22%">
<p>50개</p>
</td>
<td align="center" bgcolor="white" width="181">
<p>1,000,000 원</p>
</td>
<td align="center" bgcolor="white" width="52">
<input name="Coffee" onclick="this.form.total.value=checkChoice(this);" type="checkbox" value="1000000">
</td>
</tr>
<tr>
<td align="center" bgcolor="white" width="22%">
<p>합계</p>
</td>
<td align="center" bgcolor="white" colspan="2" width="240">
<input name="total" readonly="READONLY" size="10" type="text" value="">
<input name="hiddentotal" type="hidden" value="0">
</td>
</tr>
</form>
</table>
</td>
</tr>
</table>
댓글목록
등록된 댓글이 없습니다.
