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>
posted @ 2018-09-19 10:46  做网站的菜鸟  阅读(133)  评论(0编辑  收藏  举报