<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
 <title>已打款列表</title>
 </head>
 <link type="text/css" href="../Publics/css/play_mine_list.css" rel="stylesheet">
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
 <body>

 <div class="container">
     <header class="clearfix">
       <!--<div class="one" style=" width:50px; height:50px;"><a href="reference_service.html"><img src="data:image/back.png"></a></div>-->
         <div class="two">打款列表</div>
     </header>
     <section>
     <volist name='order_list' id='val'>
         <div class="butt">
           <ul class="a">
                 <li class="aa"><font style="color:#f00;">工单号：</font></li>
                 <li><font style="color:#f00;">{$val.wnumber}</font></li>
             </ul>
             <ul class="a">
                 <li class="aa">打款金额：</li>
                 <input type='hidden' value='{$val.amount}' class='total_money' />
                 <li><font style="color:#f00;">{$val.amount}</font></li>
             </ul>
             <ul class="a">
                 <li class="aa">打款状态：</li>

                 <eq name="><li>已打款</li></eq>

                 <eq name="><li>打款中</li></eq>

                 <eq name="><li>等待打款</li></eq>

                 <eq name="><li>打款失败</li></eq>

             </ul>
             <ul class="a">
                 <li class="aa">打款时间：</li>
                 <li><font style="color:#f00;">{$val.time|date="Y-m-d H:i:s",###}</font></li>
             </ul>

         </div>
  </volist>
   <div class="butt">
   合计 :<font style='color:red;' ></font>元
   <button style='border-radius:25px;height:35px;width:80px;font-size:12px;color:#ffffff;background-color:#0AB0CB;' onclick='chakan_qian(this)' >查看合计</button>
   </div>
     </section>
     <footer>
         &copy;
     </footer>
 </div>
 </body>

 <script>
     function chakan_qian(elm){
         ; //这个一定要写在函数的外面
         $("input").each(function(){
             var total_money = $(this).val(); //这里的total_money就是每一个input的value值~
               total_moneys += parseInt(total_money);    //将获取到的值循环相加
         });
         //alert(total_moneys); //得到总的数值
         ){
             $(elm).prev().html(total_moneys);
         }
     }
 </script>
 </html>

用jquery循环获得所有input标签里的value值的更多相关文章

  1. Jquery遍历选中的input标签

    $("input[name='chkAgent']:[checked]").each(function () { alert($(this).attr("value&qu ...

  2. [jQuery]循环遍历改变a标签的href

    把info类下面所有的a标签链接后天加"#article". jQuery(document).ready(function($){ $('.info a').each(funct ...

  3. jQuery通过input标签的name获取值

    jquery根据name属性查找 $("div[id]") 选择所有含有id属性的div元素 $("input[name='keleyicom']") 选择所有 ...

  4. 在input标签里只能输入数字

    <input type='text' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,''); ...

  5. js和jquery通过this获取html标签中的属性值

    <html> <head> <script type="text/javascript" src="jquery-1.10.2.min.js ...

  6. js和jquery通过this获取html标签中的属性值[转藏]

    <html> <head> <script type="text/javascript" src="jquery-1.10.2.min.js ...

  7. [jQuery] jQuery如何获取同一个类标签的所有的值

    碰巧在开发的时候遇到这个问题,因为jQuery总是只返回第一个类标签的值,所以无法达到我们的要求. 比如: var btn = jQuery('.btn').val(); 获取的只是第一个类标签为bt ...

  8. js如何获取点击<li>标签里的内容值

    路:为li对象添加单击事件→事件触发后利用innerHTML获取li的文本.实例演示如下: 1.HTML结构 <ul id="test"> <li>Glen ...

  9. 如何解决火狐FF里Input标签刷新页面后 仍然保存之前输入的内容的方法。

    直接在input 标签里 增加 autocomplete="off".火狐默认为 on.

随机推荐

  1. 关于爬楼梯的lintcode代码

    讲真的,这个我只会用递归去做,但是lintcode上面超时,所以只有在网上找了个动态规划的,虽然这个程序懂了,但是我觉得还是挺不容易的真正弄懂的话-- class Solution {public:  ...

  2. 精选this关键字的指向规律你记住了吗

      1.首先要明确:           谁最终调用函数,this指向谁           this指向的永远只可能是对象!!!!!          this指向谁永远不取决于this写在哪,而取 ...

  3. 桥梁模式(Bridge Pattern)

    桥梁模式是对象的结构模式.又称为柄体(Handle and Body)模式或接口(Interface)模式.桥梁模式的用意是“将抽象化(Abstraction)与实现化(Implementation) ...

  4. 高斯消元法(Gauss Elimination)【超详解&模板】

    高斯消元法,是线性代数中的一个算法,可用来求解线性方程组,并可以求出矩阵的秩,以及求出可逆方阵的逆矩阵.高斯消元法的原理是:若用初等行变换将增广矩阵 化为 ,则AX = B与CX = D是同解方程组. ...

  5. JAVA 编程规范

       软件开发技术规范 PTHINK-DEVELOP-JAVA-091010         Java语言编程规范   2009-10-10发布                2009-10-11实施 ...

  6. 基于TypeScript的FineUIMvc组件式开发（概述）

    WebForm与Mvc 我简单说一下WebForm与Mvc,WebForm是微软很早就推出的一种WEB开发架构,微软对其进行了大量的封装,使开发人员可以像开发桌面程序一样去开发WEB程序,虽然开发效率 ...

  7. 第 2 章 MySQL 架构组成

    麻雀虽小,五脏俱全.MySQL 虽然以简单著称,但其内部结构并不简单.本章从MySQL物理组成.逻辑组成,以及相关工具几个角度来介绍 MySQL 的整体架构组成,希望能够让读者对 MySQL 有一个更 ...

  8. laravel实现excel表格导出

    记得引用一下excel,现在laravel5.2都默认自带的,不需要自己再 Composer安装依赖了. use Excel; 然后方法里这样写 //$cellData自己要进行导出的数组 Array ...

  9. Spark学习资料共享

    链接相关 课件代码:http://pan.baidu.com/s/1nvbkRSt 教学视频:http://pan.baidu.com/s/1c12XsIG 这是最近买的付费教程,对资料感兴趣的可以在 ...

  10. JavaSE教程-02Java基本语法-思维导图

    思维导图看不清楚时: 1)可以将图片另存为图片,保存在本地来查看 2)右击在新标签中打开放大查看 1.注释 定义:用于解释说明程序作用的文字 注释类别 单行注释 格式: //注释文字 多行注释 格式: ...