フォーム入力の内容を計算します。

商品コード 商品名 単価 個数
100-030-954 特選ズワイガニ３匹 ¥15,000 個
102-733-002 産直いくらしょうゆ漬け ¥5,000 個
122-448-317 おせち料理三段重 ¥12,000 個
135-642-095 三陸沖捕り新巻鮭 ¥8,000 個
TOTAL 　¥ 
<HTML>
<HEAD>
<TITLE>Sopping_suport</TITLE>
<SCRIPT TYPE="text/javascript">
<!--
  var amount = 4;
  function keisan(){
     var total = 0;
     var i = 0;
     while( i < amount * 2 ){
       total = total + document.sampleForm.elements[i].value * document.sampleForm.elements[++i].value;
       i++;
     }
     document.sampleForm.itotal.value = total;
}
//-->
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="sampleForm" METHOD="***">
  <TABLE WIDTH="480" BORDER="0" CELLSPACING="4" CELLPADDING="0">
    <TR>
      <TH BGCOLOR="#CCCCCC">商品コード</TH>
      <TH BGCOLOR="#CCCCCC">商品名</TH>
      <TH BGCOLOR="#CCCCCC">単価</TH>
      <TH BGCOLOR="#CCCCCC">個数</TH>
    </TR>
    <TR>
      <TD BGCOLOR="#EEEE99">100-030-954</TD>
      <TD NOWRAP BGCOLOR="#EEEE99">
        特選ズワイガニ３匹</TD>
      <TD ALIGN="RIGHT" BGCOLOR="#EEEE99">¥15,000</TD>
      <TD ALIGN="RIGHT" BGCOLOR="#EEEE99">
        <INPUT TYPE="hidden" NAME="box1v" VALUE="15000">
        <INPUT TYPE="text" NAME="box1" SIZE="5" onChange="keisan()">
        個</TD>
    </TR>
    <TR>
      <TD BGCOLOR="#9999CC">102-733-002</TD>
      <TD BGCOLOR="#9999CC">産直いくらしょうゆ漬け</TD>
      <TD ALIGN="RIGHT" BGCOLOR="#9999CC">¥5,000</TD>
      <TD ALIGN="RIGHT" BGCOLOR="#9999CC">
        <INPUT TYPE="hidden" NAME="box2v" VALUE="5000">
        <INPUT TYPE="text" NAME="box2" SIZE="5" onChange="keisan()">
        個</TD> 
    </TR>
    <TR>
      <TD BGCOLOR="#EEEE99">122-448-317</TD>
      <TD BGCOLOR="#EEEE99">おせち料理三段重</TD>
      <TD ALIGN="RIGHT" BGCOLOR="#EEEE99">¥12,000</TD>
      <TD ALIGN="RIGHT" BGCOLOR="#EEEE99">
        <INPUT TYPE="hidden" NAME="box3v" VALUE="12000">
        <INPUT TYPE="text" NAME="box3" SIZE="5" onChange="keisan()">
        個</TD>
    </TR>
    <TR>
      <TD BGCOLOR="#99CCCC">135-642-095</TD>
      <TD BGCOLOR="#9999CC">三陸沖捕り新巻鮭</TD>
      <TD ALIGN="RIGHT" BGCOLOR="#9999CC">¥8,000</TD>
      <TD ALIGN="RIGHT" BGCOLOR="#9999CC">
        <INPUT TYPE="hidden" NAME="box4v" VALUE="8000">
        <INPUT TYPE="text" NAME="box4" SIZE="5" onChange="keisan()">
        個</TD>
    </TR>
    <TR>
      <TD COLSPAN="4" BGCOLOR="#CCCCCC" ALIGN="RIGHT">
        <B>TOTAL</B>
        ¥<INPUT TYPE="text" NAME="itotal" SIZE="15">
      </TD>
    </TR>
  </TABLE>
</FORM>
</BODY>
</HTML>
BACK