[复选框]       数量        金额[  ]                 3             7.00[  ]                   5             8.00我想做一个这样的系统,可是不知道怎么样实现复选框选中,数量和金额直接变化,感觉应该用JS,哪2位高手帮下啊???

解决方案 »

  1.   

    <script>
    function $(obj,o)
    {
      var a=parseInt(o.parentElement.cells[1].innerHTML);
      var b=parseInt(o.parentElement.cells[2].innerHTML);
      var n=document.getElementById("n");
      var m=document.getElementById("m");
      if(obj.checked)
      {
      if(n.innerHTML=="0")
      {
      n.innerHTML=a;
      }
      else
      {
        n.innerHTML=parseInt(n.innerHTML)+a;
      }  if(m.innerHTML=="0")
      {
      m.innerHTML=b
      }
      else
      {
       m.innerHTML=parseInt(m.innerHTML)+b;
      }
      }
      else
      {
      n.innerHTML=parseInt(n.innerHTML)-a;
       m.innerHTML=parseInt(m.innerHTML)-b;
      }
    }
    </script>
    <table width="200" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td>[复选框]</td>
        <td>数量</td>
        <td>金额</td>
     
      </tr>
      <tr>
        <td><input type="checkbox" name="t" onClick="$(this,this.parentElement)"></td>
        <td>3</td>
        <td>7.0</td>
     
      </tr>
      <tr>
        <td><input type="checkbox" name="t" onClick="$(this,this.parentElement)"></td>
        <td>5</td>
        <td>8.0</td>
      
      </tr>
      <tr>
        <td>合计:</td>
        <td><span id="n">0</span></td>
        <td><span id="m">0</span></td>
      </tr>
    </table>
    不知道楼是不是想要这样的效果呢