用jquery循环获得所有input标签里的value值

浏览数：38 / 时间：2015年06月09日

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
 6 <title>已打款列表</title>
 7 </head>
 8 <link type="text/css" href="../Publics/css/play_mine_list.css" rel="stylesheet">
 9  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
10 <body>
11     
12 <div class="container">
13     <header class="clearfix">
14       <!--<div class="one" style=" width:50px; height:50px;"><a href="reference_service.html"><img src="image/back.png"></a></div>-->
15         <div class="two">打款列表</div>
16     </header>
17     <section>
18     <volist name=‘order_list‘ id=‘val‘>
19         <div class="butt">
20           <ul class="a">
21                 <li class="aa"><font style="color:#f00;">工单号：</font></li>
22                 <li><font style="color:#f00;">{$val.wnumber}</font></li>
23             </ul>
24             <ul class="a">
25                 <li class="aa">打款金额：</li>
26                 <input type=‘hidden‘ value=‘{$val.amount}‘ class=‘total_money‘ />
27                 <li><font style="color:#f00;">{$val.amount}</font></li>
28             </ul>
29             <ul class="a">
30                 <li class="aa">打款状态：</li>
31                  
32                 <eq name="val.status" value="3"><li>已打款</li></eq>
33              
34                 <eq name="val.status" value="2"><li>打款中</li></eq>
35                  
36                 <eq name="val.status" value="1"><li>等待打款</li></eq>
37  
38                 <eq name="val.status" value="20"><li>打款失败</li></eq>
39  
40             </ul> 
41             <ul class="a">
42                 <li class="aa">打款时间：</li>
43                 <li><font style="color:#f00;">{$val.time|date="Y-m-d H:i:s",###}</font></li>
44             </ul>
45  
46         </div>  
47  </volist>
48   <div class="butt">
49   合计 :<font style=‘color:red;‘ ></font>元      
50   <button style=‘border-radius:25px;height:35px;width:80px;font-size:12px;color:#ffffff;background-color:#0AB0CB;‘ onclick=‘chakan_qian(this)‘ >查看合计</button>
51   </div>
52     </section>
53     <footer>
54         &copy;
55     </footer>
56 </div>
57 </body>
58  
59 <script>
60     function chakan_qian(elm){
61         var total_moneys = 0; //这个一定要写在函数的外面
62         $("input").each(function(){        
63             var total_money = $(this).val(); //这里的total_money就是每一个input的value值~
64               total_moneys += parseInt(total_money);    //将获取到的值循环相加       
65         });
66         //alert(total_moneys); //得到总的数值
67         if(parseInt(total_moneys)>=0){
68             $(elm).prev().html(total_moneys);
69         }
70     }
71 </script>
72 </html>