求一段js（jquery也可）

北风渐渐 2014-07-24 11:11:55

js太弱，不会写，谁会的帮帮忙，用纯js或者jquery

输入数字右边自动计算总和，左边加减右边的数字跟着计算。



<table class="g-table"> 

 <thead> 

    <tr> 

       <th width="" class="">规格</th> 

       <th width="85">单价(元/件)</th> 

       <th width="60" class="g-d-n" name="stock">库存量</th> 

       <th width="115">订购量</th> 

    </tr>

  </thead> 

  <tbody>  

     <tr> 

       <td class="g-ta-c">黑色</td> 

       <td class="g-ta-r g-c-o"><span name="product_price" price="￥3.00">￥3.00</span><span class="g-d-n" name="product_total"></span></td> 

       <td class="g-ta-r g-d-n" name="stock">99999</td> 

       <td class="g-ta-c"> <a href="javascript:;" class="g-ico-sub"></a> <input type="text" name="product_quantity" size="3" class="g-input-text g-mlr-5 g-ta-c g-p-n " pid="380" stock="99999" value="0"> <a href="javascript:;" class=" g-ico-add"></a> </td> 

     </tr>

     <tr> 

       <td class="g-ta-c">红色</td> 

       <td class="g-ta-r g-c-o"><span name="product_price" price="￥3.00">￥3.00</span><span class="g-d-n" name="product_total"></span></td> 

       <td class="g-ta-r g-d-n" name="stock">99999</td> 

       <td class="g-ta-c"> <a href="javascript:;" class="g-ico-sub"></a> <input type="text" name="product_quantity" size="3" class="g-input-text g-mlr-5 g-ta-c g-p-n " pid="380" stock="99999" value="0"> <a href="javascript:;" class=" g-ico-add"></a> </td> 

     </tr>

     <tr> 

       <td class="g-ta-c">蓝色</td> 

       <td class="g-ta-r g-c-o"><span name="product_price" price="￥3.00">￥3.00</span><span class="g-d-n" name="product_total"></span></td> 

       <td class="g-ta-r g-d-n" name="stock">99999</td> 

       <td class="g-ta-c"> <a href="javascript:;" class="g-ico-sub"></a> <input type="text" name="product_quantity" size="3" class="g-input-text g-mlr-5 g-ta-c g-p-n " pid="380" stock="99999" value="0"> <a href="javascript:;" class=" g-ico-add"></a> </td> 

     </tr>

     <tr> 

       <td class="g-ta-c">绿色</td> 

       <td class="g-ta-r g-c-o"><span name="product_price" price="￥3.00">￥3.00</span><span class="g-d-n" name="product_total"></span></td> 

       <td class="g-ta-r g-d-n" name="stock">99999</td> 

       <td class="g-ta-c"> <a href="javascript:;" class="g-ico-sub"></a> <input type="text" name="product_quantity" size="3" class="g-input-text g-mlr-5 g-ta-c g-p-n " pid="380" stock="99999" value="0"> <a href="javascript:;" class=" g-ico-add"></a> </td> 

     </tr>

     <tr> 

       <td class="g-ta-c">黑色</td> 

       <td class="g-ta-r g-c-o"><span name="product_price" price="￥3.00">￥3.00</span><span class="g-d-n" name="product_total"></span></td> 

       <td class="g-ta-r g-d-n" name="stock">99999</td> 

       <td class="g-ta-c"> <a href="javascript:;" class="g-ico-sub"></a> <input type="text" name="product_quantity" size="3" class="g-input-text g-mlr-5 g-ta-c g-p-n " pid="380" stock="99999" value="0"> <a href="javascript:;" class=" g-ico-add"></a> </td> 

     </tr>

   </tbody> 

 </table>

在线演示地址：http://www.hqshouji.com/shujuxian/154.html

...全文

133 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

于大圣 2014-07-25

打赏
举报

我也是个菜鸟，菜鸟就用菜鸟的方式给你写个吧，其实都是些基础的东西，自己琢磨一下，没什么太大问题的 <!doctype html> <html lang="en"> <head> <script type="text/javascript"> function change() { var val1 = document.getElementById("val1").value; var val2 = document.getElementById("val2").value; document.getElementById("display1").innerHTML = parseInt(val1)+ parseInt(val2); document.getElementById("display2").innerHTML = (parseInt(val1)+ parseInt(val2))*3; } </script> </head> <body> <input type="text" id="val1" onchange="change();"/><br/> <input type="text" id="val2" onchange="change();"/><br/> 总共定了 <div id="display1"></div>件<br/> 总共花费<div id="display2"></div>元<br/> </body> </html>

于大圣 2014-07-25