web如何实现批量购买勾选的同时显示合计数
这篇文章将为大家详细讲解有关web如何实现批量购买勾选的同时显示合计数，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。
10年积累的成都网站设计、成都网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有隆林免费网站建设让你可以放心的选择与我们合作。
在做批量购买时，我们需要点选需要的商品，然后点批量购买。
每一次点选，下面立即计算出合计的数量和金额。
主要代码如下：
1,2图为 后台设置管理权限，勾选时的代码。可略过。
{$vc['classname']}
{$vo.title}
$(function(){
$("#selected").click(function(){
$("input[name='rules[]']").each(function(){
$(this).prop('checked', true);
});
});
$("#cancel").click(function(){
$("input[name='rules[]']").each(function(){
$(this).prop('checked', false);
});
});
});
---
这是批量购买。。
{$key+1}
| {$vo.username} |
{$vo.price} |
{$vo.num} |
{$vo.addtime|date="Y-m-d H:i:s",###} |
{$vo.pricenum} |
|
$vo['id']))}" class="action">购买 |
$("#checkall").click(function(){
$("input[name='oid[]']").each(function(){
this.checked = true;
});
docal();
});
$("#checkallno").click(function(){
$("input[name='oid[]']").each(function(){
this.checked = false;
});
$('#total_pv').html('0');
$('#total_dg').html('0');
});
// 计算
function docal(){
var formData = $('#ajaxForm').serialize();
// jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)
$.ajax({
type: 'POST',
url: "{:U('Points/docal')}",
data: formData,
dataType: 'json',
success: function(re){
if(re.code == 1){
// 返回总数量，总金额
// layer.alert(re.cal.num);
$('#total_pv').html(re.cal.num);
$('#total_dg').html(re.cal.usedgcash);
}
},
error:function(){
layer.alert('error');
}
});
return false;
}
// 当选择框被点选取时。
$("input[id*='oid']").change(function() {
/*alert($(this).attr("id"));
alert($(this).val());*/
docal();
});
$(".action").click(function(){
var buyLink=$(this).attr("link"),$this = $(this);
layer.confirm('你确定要购买吗？',{title:'操作提示'}, function(index){
$.post(buyLink,function(data){
if(data.code == 1){
layer.alert(data.message, function(){
window.location.reload();
});
}else{
layer.alert(data.message);
}
});
layer.close(index);
});
});
});主要是这个 change，找了很久哇。
关于“web如何实现批量购买勾选的同时显示合计数”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。
本文标题：web如何实现批量购买勾选的同时显示合计数
标题URL：
http://bjjierui.cn/article/gpeish.html
