zoukankan      html  css  js  c++  java
  • jq得到总价

    <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>
  • 相关阅读:
    地铁项目结对编程
    地铁项目初步计划及简单设计
    构建之法浅读感想
    集美大学1511,1512软件工程课程作业总结
    第二次作业小结
    第二次作业评分可能要 delay 一些
    第一次作业小结
    关于我
    面向对象设计与构造第四单元总结及期终总结
    面向对象设计与构造第三单元作业总结
  • 原文地址:https://www.cnblogs.com/cici1989/p/9673279.html
Copyright © 2011-2022 走看看