开发者社区> 问答> 正文

jquery小计合计计算的问题,帮帮忙!!

$(function(){    
  var sum=0;  
    $(".jisuan input").keyup(function(e) {   
         var $shuliang = $("#aa").val(); 
          var $danjia = $("#bb").val();  
          var $xiaoji =$(this).parent().next(); 
           $xiaoji.text($shuliang*$danjia);
            $xiaoji.each(function(index, element) {    
                sum+=parseInt($(this).text());   
                  });
                 $("#sum").text(sum);  
                  })   
                   })
                   </script>
</script>
   <table width="100%" border="1" class="table_sum">
    <tr class="jisuan"> 
数量<input type="text" name="data_"  id='aa'"/>
单价<input type="text" name="data_"  id='bb' " />
小计<span id="xj"></span>
</tr>
 
<tr class="jisuan"> 
 
数量<input type="text" name="data_"  id='aa'/>
单价<input type="text" name="data_"  id='bb'/>
小计<span id="xj"></span>
 
</tr>
数量合计                     金额总计<span id="sum"></span>

展开
收起
a123456678 2016-07-08 14:30:02 2373 0
1 条回答
写回答
取消 提交回答
  • <pre class="brush:html; toolbar: true; auto-links: false;"><html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
    <script>
    $(function(){     
        $(".jisuan input").keyup(function(e) {                
                 var sum=0; 
             var $shuliang = $(this).parent().find("#aa").val(); 
              var $danjia = $(this).parent().find("#bb").val();  
              var $xiaoji =$(this).parent().find("#xj"); 
               $xiaoji.text($shuliang*$danjia);
                $xiaoji.each(function(index, element) {    
                    sum+=parseInt($(this).text());   
                      });
                     $("#sum").text(sum);  
                      })   
                       })
                       </script>
    </script>
    </head>
    <body>
       <table width="100%" border="1" class="table_sum">
        <tr class="jisuan"><td>
    数量<input type="text" name="data_"  id='aa'/>
    单价<input type="text" name="data_"  id='bb' />
    小计<span id="xj"></span></td>
    </tr>
     
    <tr class="jisuan"> 
    <td>
    数量<input type="text" name="data_"  id='aa'/>
    单价<input type="text" name="data_"  id='bb'/>
    小计<span id="xj"></span>
    </td>
    </tr>
    </table>
    数量合计                     金额总计<span id="sum"></span>
    </body>
    </html></pre>
    2019-07-17 19:53:21
    赞同 展开评论 打赏
问答分类:
问答标签:
问答地址:
问答排行榜
最热
最新

相关课程

更多

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载