<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>

{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}

    </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>

产品{$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);
    });
});

$("#checkAllChange").click(function() {
    if (this.checked == true) {
        $("input[name='checkbox']").each(function() {
            this.checked = true;
        });
    } else {
        $("input[name='checkbox']").each(function() {
            this.checked = false;
        });
    }
});

</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. Redis Cluster 伪集群的搭建

    简介 为何要搭建Redis集群?Redis是在内存中保存数据的,而我们的电脑一般内存都不大,这也就意味着Redis不适合存储大数据,适合存储大数据的是Hadoop生态系统的Hbase或者是MogoDB ...

  2. java输入输出--I/O操作基础知识学习

    一.java的I/O流 1. 输入流(字节流和字符流,字节流操作的数据单元是8位的字节,字符流操作的是16位的字符)(InputStream 和Reader作为基类) 2.输出流(字节流和字符流,字节 ...

  3. 蓝桥杯【入门训练】 Fibonacci数列

    问题描述 Fibonacci数列的递推公式为:Fn=Fn-1+Fn-2,其中F1=F2=1. 当n比较大时,Fn也非常大,现在我们想知道,Fn除以10007的余数是多少. 输入格式 输入包含一个整数n ...

  4. unity3D中制作天空盒(Skyboxes)

    1.首先制作图片,需要把图片用Ps制作成psd格式,制作6张 2.把6个psd文件导入工程目录 Assets下, 3.在project属性列表中选中Assets,单击鼠标右键选择 Create —&g ...

  5. chrome headless

    最近才知道有这么个东西,说白了就是chrome浏览器的命令行模式,一说到命令行自然就和自动化 高效率有关系,感觉对于自动化测试和爬虫很有用啊

  6. 算法Sedgewick第四版-第1章基础-2.1Elementary Sortss-004希尔排序法(Shell Sort)

    一.介绍 1.希尔排序的思路:希尔排序是插入排序的改进.当输入的数据,顺序是很乱时,插入排序会产生大量的交换元素的操作,比如array[n]的最小的元素在最后,则要经过n-1次交换才能排到第一位,因为 ...

  7. Java中抽象类也能实例化.RP

    在Java中抽象类真的不能实例化么? 在学习的过程中,发现了一个问题,抽象类在没有实现所有的抽象方法前是不可以通过new来构建该对象的,但是抽象方法却是可以有自己的构造方法的.这样就把我搞糊涂了,既然 ...

  8. Cookies的两种存取方式

    我们在使用webview开发时,少不了和cookie打交道,在网页端我这使用的是asp.net开发的,安卓下的cookie和windows平台下还是有些不同的,后来看了看,原来有两种cookie的存取 ...

  9. java中计算一段时间内白天的时间和夜晚的时间

    之前,采用拼接字符串的形式,不断地在Date类型和Long类型之间转换,实在是太过于麻烦,后来采取了这种思路:假设我们将22:00 ~ 10:00 视为夜间时间,则我们先计算出10:00 相对于当天的 ...

  10. LINQ和Lambda表达式

    前言 前段时间接触了一种新的表达式,但是不知道这个是什么意思,所以就先站在巨人的肩膀用了,现在听师哥说这种写法是Lambda表达式.我一直以为,这个Lambda表达式和LINQ查询有异曲同工之妙,可惜 ...