<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script language="JavaScript">
  function add()
  {
     var totalall = 0;
 for (i=0;i<document.all.checkbox1.length;i++)
 {
     if (document.all.checkbox1[i].checked)
        totalall+=parseInt(document.all.checkbox1[i].value)
 }
 document.all.t1.value = totalall
  }
</script>
</head><body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="3%"><input name="checkbox1" type="checkbox" id="checkbox1" value="50"></td>
    <td width="3%">50</td>
    <td width="94%">&nbsp;</td>
  </tr>
  <tr>
    <td><input name="checkbox1" type="checkbox" id="checkbox1" value="20"></td>
    <td>20</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input name="checkbox1" type="checkbox" id="checkbox1" value="30"></td>
    <td>30</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><input name="checkbox1" type="checkbox" id="checkbox1" value="10"></td>
    <td>10</td>
    <td><input type="button" name="Submit" value="相加" onClick="add()">
      <input name="t1" type="text" id="t1"></td>
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    <body >
    <input type="checkbox" name="cs" value="10">10
    <input type="checkbox" name="cs" value="30">30
    <input type="checkbox" name="cs" value="50">50
    <input type="checkbox" name="cs" value="100">100
    <button onclick="cc()">++++</button>
    <input type="text" name="text1">
    <script language="JavaScript">
    <!--
    function cc()
    {
       var num = 0;
       for(var i=0;i<document.all.cs.length;i++)
       {
          if(document.all.cs[i].checked == true)
       num += parseInt(document.all.cs[i].value);
       }
       document.all.text1.value = num;
    }
    //-->
    </script>
    </body>