1. <html>
    <head>
        <title></title>
        {load href="/static/js/jquery-1.9.1.min.js" /}
    </head>
    <body>
    门票产品
    <br>
    <form name="form1" method="post" action="" >
        <table>
            <tr>
            <!--<td><input type="checkbox"  onClick="checkAll('aa',this)">全选</td>-->
          <td><input type="checkbox" id="checkAllChange">全选
            </td>
                <td>产品</td>
                <td>主产品名字</td>
                <td>子产品名称 </td>
                <td>数量 </td>
                <td>价格</td>
            </tr>
  2.  
  3. {volist name="data" key="k" id="vo"}
            <tr>
                <td>
        <input type="checkbox" name="checkbox" id="r"  ></td>
                <td>{$k}</td>
                <td>{$vo.name}</td>
                <td>{$vo.tickets_name}</td>
                <td><input type="text" value="{$vo.quantity}"></td>
                <td><input type="text" value="{$vo.price}" id="price"></td>
                <input type="hidden" value="{$vo.goods_id}" name="goods_id">
                <input type="hidden" value="{$vo.sub_id}" name="sub_id">
                <input type="hidden" value="{$vo.member_id}" name="member_id">
                <input type="hidden" value="1" name="type">
                <td><a href="/Index/member/cart_delete/id/{$vo.id}" onclick="confirm('确定要删除吗')">删除</a></td>
    </tr>
    {/volist}
  4.  
  5.     </table>
        <p>总价<input type="text" id="total" value="" name="total"/></p>
        <p>
            <input type="button"  value="提交订单">
        </p>
    </form>
    {$data->render()}
    <br>酒店产品
    {volist name="data1" key="k1" id="v"}
    <p>
  6.  
  7. 产品{$k1}
    主产品名字:{$v.name} 子产品名称 {$v.room_name}
    数量{$v.quantity}
    价格{$v.price}
    <a href="/Index/member/cart_delete/id/{$v.id}" onclick="confirm('确定要删除吗')">删除</a>
    </p>
    {/volist}
    {$data1->render()}
    </body>
    </html>
    <script>
    $(function(){
        var totalprice=0;
        $(":button").click(function() {
            $(":checkbox:checked").closest("tr").find("#price").each(function(i, eleDom){
                // 遍历每个被选中的复选框所在行的文本框的值, 看你怎么用了，你要哪个
                //alert('第 ' + (i+1) + ' 个文本框的值: ' + eleDom.value);
                totalprice+=parseInt(eleDom.value);
            });
            $('#total').val(totalprice);
        });
    });
  8.  
  9. $("#checkAllChange").click(function() {
        if (this.checked == true) {
            $("input[name='checkbox']").each(function() {
                this.checked = true;
            });
        } else {
            $("input[name='checkbox']").each(function() {
                this.checked = false;
            });
        }
    });
  10.  
  11. </script>

jq得到总价的更多相关文章

  1. jq实现简单购物车增删功能

    https://www.cnblogs.com/sandraryan/ jq实现购物车功能 点击+- 增减数量,计算价格: 点击删除,删除当前行(商品) 点击- ,减到0 询问是否删除商品 点击全选 ...

  2. jq选择器基础

    Jquery $代表选择器 使用jq必须要导入jq文件 <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js&qu ...

  3. JQ实现判断iPhone、Android设备

    最近做了一版微信宣传页,通过JQ来判断设备,并进行下载 微信内置浏览器对下载链接进行了屏蔽,所以先进行判断,如果是微信内置浏览器,则跳转应用宝链接,如果不是,则判断是iPhone/Adroid/PC ...

  4. jq.validate隐藏元素忽略验证

    jq.validate隐藏元素忽略验证 现在有这样一个需求,当触发某类事件时候,需要在页面中显示input框,但是当不需要加载页面中的元素时候,进行隐藏.在这个需求的前提下,程序中对于input中的输 ...

  5. jq.validate 自定义验证两个日期

    jq.validate 自定义验证两个日期 首先定义有一个表单,date1和date2是属于表单的元素,若date1大于date2,返回false:若date1<date2,返回true.使用j ...

  6. jq方法中 $(window).load() 与 $(document).ready() 的区别

    通过自学进入了前端的行列,只知道在js中,一开头就写一个: window.onload = function(){ //doing sth} 然后所有的乱七八糟的代码全塞里面,大概知道window.o ...

  7. jq 根据值的正负变色

    效果图这样: 意思就是根据最后的百分值变色,值为负变绿色,值为正变红色. 所以只要取到那个标签里的值了,就能根据正负的判断决定颜色. 我的html部分这样: /*不过他们都说我的dom结构不太合理,同 ...

  8. jq 个性的隔行变色

      效果图大致这样: 我的html格式部分这样:/*不过他们都说我的dom结构不太合理,同意.BUT,我就是不想写表格而写成的这样的,所以后面jq部分也要迁就了*/ <div class=&qu ...

  9. 关于JQ toggle 的注意事项

    1.9.1以后的版本,好像不支持 jq 的 toggle function的用法啦.

随机推荐

  1. Oracle之DBMS_SQL包用法详解

    对于一般的(select)操作,如果使用动态的sql语句则需要进行以下几个步骤:open  cursor--->parse---> bind  variable  ---> defi ...

  2. C#正则表达式匹配双引号

    html: <img class="bubble large" src="/images/hero-logos/cog.svg" width=" ...

  3. windows xp版本的chrome浏览器去哪里下载呢？

    http://www.265.com/chrome-download/?slice 265没记错的话应该是GOOGLE的一个导航网站吧,所以可信度是比较高的.

  4. Android 菜单之子菜单SubMenu

    子菜单就是在点击了菜单中的选项后弹出的要对菜单中选项操作的菜单           他的操作与之前的两种类型的菜单操作差不多 动态添加 @Override public boolean onCreat ...

  5. ZROI2018普转提day7t1

    传送门 分析 一道有意思的小题... 我们发现如果$(1,1)$为白色,则将其变为白色需要偶数次操作,而如果为黑色则需要奇数次操作 我们知道要让A赢需要奇数次操作,所以我们只需要判断$(1,1)$的颜 ...

  6. Python程序设计9——数据库编程

    1 数据持久化 持久化是将内存中的对象存储在关系数据库中,当然也可以存储在磁盘文件.XML数据文件中.实现数据持久化至少需要实现以下3个接口 void Save(object o):把一个对象保存到外 ...

  7. C++二进制文件读写

    简单二进制文件读写,多文件 /*Demo9.1.cpp*/ #include <iostream> #include <fstream> #include <string ...

  8. discuz_ucenter_api_for_java的中文问题

    我踩过的坑,希望你别掉进来. 云服务需要和UCENTER做对接,一个php,一个Java,幸好有了discuz_ucenter_api_for_java,帮我解决了大部分问题,为什么是大部分问题,因为 ...

  9. NETTY4中的BYTEBUF 内存管理

    转 http://iteches.com/archives/65193 Netty4带来一个与众不同的特点是其ByteBuf的重现实现,老实说,java.nio.ByteBuf是我用得很不爽的一个AP ...

  10. Joda Time 使用

    Joda Time 使用 对于系统的一些时间操作很是不方便,为了方便转化,有时候用date,有时候用timestmp,有时候用calendar,忍不住想更改了. 但是任务巨大,先把笔记收藏了,后面有机 ...