复选框勾选后把每行数据相加的问题

一个table
里面有几行数据，每行有两列
每行数据前面有个checkbox，之后是数据
当勾选的时候把勾选行的数据加起来
在另外一行显示
 对js不熟，麻烦替小弟写个代码。多谢了。

解决方案 »

  1.   

    <script>
    function aaaa(){
    var checkid=document.getElementsByName ("checkid");
    for(var i=0;i<checkid.length;i++){
       if(checkid[i].checked){
    document.getElementsByName ("cc")[i].value=parseInt(document.getElementsByName ("aa")[i].value)+parseInt(document.getElementsByName("bb")[i].value)
       }
    }
    }
    </script>
    <html>
    <form>
    <table>
    <tr>
    <td><input type="checkbox" name="checkid" onclick="aaaa()"></td>
    <td><input type="text" name="aa"  value="3" readonly></td>
    <td><input type="text" name="bb"  value="6" readonly></td>
    <td><input type="text" name="cc"  value="" readonly></td>
    </tr>
    <tr>
    <td><input type="checkbox" name="checkid" onclick="aaaa()"></td>
    <td><input type="text" name="aa"  value="7" readonly></td>
    <td><input type="text" name="bb"  value="6" readonly></td>
    <td><input type="text" name="cc"  value="" readonly></td>
    </tr>
    </table>
    </form>
    </html>
      

  2.   

    var deptsId = "";
    var tbody = document.getElementById("deptsTable");
    var trs = tbody.childNodes;
    for ( var i = 0; i < trs.length; i++) {
    var checkbox = trs[i].firstChild.firstChild;
    if (checkbox.checked) {
    if (deptsId != "") {
    deptsId += ",";
    }
    deptsId += checkbox.value;
    }
    }
      

  3.   

    前一个td选中了，找下一个td的植，用for循环相加就可以了。
      

  4.   


    <html>
    <head>
    <script language="javascript">
    function checkit(_this,obj)
    {
    var n=document.getElementById(obj);
    var v=n.getElementsByTagName("input");
    var m=0;
    for(var i=0;i<v.length;i++){
      if(v[i].type=="text"){ m += parseInt(v[i].value);}
    }
    var hj=parseInt(document.getElementById("hj").value);
    if(_this.checked==true){document.getElementById("hj").value = hj + m;}
    else{document.getElementById("hj").value = hj - m;}
    } 
    </script> 
    </head>
    <body style="text-align:center">
    <table border="1" bordercolor="green" width="400" height="150" style="text-align:center;border-collapse:collapse"> 
    <tr id="tr1"> 
    <td><input type="checkbox" onClick="checkit(this,'tr1')" /></td>
    <td><input type="text" name="v1" value="52" readOnly /></td>
    <td><input type="text" name="v2" value="46" readOnly /></td>
    </tr> 
    <tr id="tr2">
    <td><input type="checkbox" onClick="checkit(this,'tr2')" /></td>
    <td><input type="text" name="v3" value="13" readOnly /></td>
    <td><input type="text" name="v4" value="25" readOnly /></td>
    </tr>
    <tr id="tr3">
    <td><input type="checkbox" onClick="checkit(this,'tr3')" /></td>
    <td><input type="text" name="v5" value="72" readOnly /></td>
    <td><input type="text" name="v6" value="34" readOnly /></td>
    </tr>
    <tr>
    <td colspan="3">合计: <input type="text" name="hj" id="hj" value="0" readOnly /></td>
    </tr>
    </table> 
    </body>
    </html>