请问高手：多个复选框中点选或取消时，如何用JS实时显示求和数

如题，谢谢！

解决方案 »

  1.   

    <html><head>
    </head>
    <script>
    function calc(){
    var sum=0;
    if(document.cj.a1.checked){
    s+=document.cj.a1.value;
    }
    if(document.cj.a2.checked){
    s+=document.cj.a2.value;
    }document.cj.a7.value=s;
    }</script>
      <body>
      <form name="cj" method="post">
      <table border="1">
      <tr bgcolor="lightgreen" align="center">
      <td align="center">总合</td>
      <td align="center">A</td>
      <td align="center">B</td>
     
      </tr>
      <tr align="center"> 
      <td height="5" ><input type="text" size="5" maxlength="3"  name="a7" disabled></td>
      <td height="5">A300<input type="checkbox" size="5" maxlength="2" value="300" name="a1" onchange="calc()" ></td>
      <td height="5">B500<input type="checkbox" size="5" maxlength="2" value="500" name="a2" onchange="calc()" ></td>
      </tr>
      </table>
      </form>
      </body>
    </html>
      

  2.   

    早贴代码。<html><head>
    </head>
    <script>
    function calc(){
    var sum=0;
    if(document.cj.a1.checked){
    sum += parseInt(document.cj.a1.value);
    }
    if(document.cj.a2.checked){
    sum += parseInt(document.cj.a2.value);
    }document.cj.a7.value=sum;
    }</script>
      <body>
      <form name="cj" method="post">
      <table border="1">
      <tr bgcolor="lightgreen" align="center">
      <td align="center">总合</td>
      <td align="center">A</td>
      <td align="center">B</td>
     
      </tr>
      <tr align="center"> 
      <td height="5" ><input type="text" size="5" maxlength="3"  name="a7" disabled></td>
      <td height="5">A300<input type="checkbox" size="5" maxlength="2" value="300" name="a1" onchange="calc()" ></td>
      <td height="5">B500<input type="checkbox" size="5" maxlength="2" value="500" name="a2" onchange="calc()" ></td>
      </tr>
      </table>
      </form>
      </body>
    </html>
      

  3.   


    <script language="JavaScript">
    function doit(){
    var sum = 0;
    var a = document.getElementsByName("ck");
    for(var i=0;i<a.length;i++){
    if(a[i].checked) sum += parseFloat(a[i].value, 10);
    }
    document.getElementsByName("sum")[0].value = sum;
    }
    window.onload = function(){
    var a = document.getElementsByName("ck");
    for(var i=0;i<a.length;i++){
    a[i].onclick = doit;
    }
    }
    </script><input type="text" name="sum">
    <input name="ck" type=checkbox value="1">1
    <input name="ck" type=checkbox value="2">2
    <input name="ck" type=checkbox value="3">3
    <input name="ck" type=checkbox value="4">4
    <input name="ck" type=checkbox value="5">5
    <input name="ck" type=checkbox value="6">6