合計金額を即時に計算表示する 　　　　　
Sample　　下の項目にチェックを入れると、合計金額を計算します。
　ラーメン（５００円）
　チャーハン（６００円）
　酢豚（６００円）
　Ａ定食（８００円）
　Ｂ定食（９００円）
合計金額：
ソース 

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
function calc_total(){
  kingaku = 0;
  for (i=0; i<document.myform.length-1; i++){
    if (document.myform.elements[i].checked){
      kingaku += eval(document.myform.elements[i].value);
    }
  }
  document.myform.goukei.value = kingaku + "　円";
}
//-->
</SCRIPT>
</HEAD>
<BODY>
  <form name="myform">
  <table border=1 cellpadding=4>
  <tr><td>
  <input type="checkbox" value="500" onClick="calc_total()">
  　ラーメン（５００円）</td></tr>
  <tr><td>
  <input type="checkbox" value="600" onClick="calc_total()">
  　チャーハン（６００円）</td></tr>
  <tr><td>
  <input type="checkbox" value="600" onClick="calc_total()">
  　酢豚（６００円）</td></tr>
  <tr><td>
  <input type="checkbox" value="800" onClick="calc_total()">
  　Ａ定食（８００円）</td></tr>
  <tr><td>
  <input type="checkbox" value="900" onClick="calc_total()">
  　Ｂ定食（９００円）</td></tr>
  <tr><td align="center">
  合計金額：
  <input type="text" name="goukei">
  </td></tr>
  </table>
  </form>
</BODY>
</HTML>
ワンポイント解説
<input type="checkbox" *** onClick="calc_total()">
　で、チェックボックスにチェックが入るとcalc_total()をコールします。