jQuery实现购物车全选,取消全选,总金额的计算
2018-02-11 14:26
405 查看
$("#allcheck").click(function () {
if(this.checked == true){
$('.shop_con .onecheck').prop('checked', true);
}else{
$('.shop_con .onecheck').prop('checked', false);
}
getTotal();
})
$(".shop_con .onecheck").click(function () {
var len = $(".shop_con .onecheck").length;
var checkedLen = $(".shop_con .onecheck:checked").length;
if(len == checkedLen){
$('#allcheck').prop('checked', true);
}else{
$('#allcheck').prop('checked', false);
}
getTotal();
})
function getTotal() {
var sum = 0;
$(".shop_con .onecheck").each(function () {
if(this.checked == true){
var id = $(this).parent().siblings('.total').text();
sum += Number(id);
}
})
$(".total_money").text(sum);
}
if(this.checked == true){
$('.shop_con .onecheck').prop('checked', true);
}else{
$('.shop_con .onecheck').prop('checked', false);
}
getTotal();
})
$(".shop_con .onecheck").click(function () {
var len = $(".shop_con .onecheck").length;
var checkedLen = $(".shop_con .onecheck:checked").length;
if(len == checkedLen){
$('#allcheck').prop('checked', true);
}else{
$('#allcheck').prop('checked', false);
}
getTotal();
})
function getTotal() {
var sum = 0;
$(".shop_con .onecheck").each(function () {
if(this.checked == true){
var id = $(this).parent().siblings('.total').text();
sum += Number(id);
}
})
$(".total_money").text(sum);
}
相关文章推荐
- jquery实现购物车复选框总金额的变化以及全选和反选
- 利用jQuery实现购物车自动计算总金额
- jquery技术实现checkbox全选和取消全选的注意点
- jquery实现(多选框)全选和取消全选功能
- 如何用jquery实现checkbox的全选、反选、取消反选,以及如何得到选中的checkbox的值
- jQuery全选与取消全选实现代码
- Jquery中对checkbox的各种“全选”或者“取消”功能实现(特别注意1.6+的一定不能使用attr来取属性了!用prop!)
- jquery checkbox全选、取消全选实现代码
- jquery操作checkbox实现全选和取消全选
- angularJS--购物车实现全选/取消全选
- JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
- Angular实现可删除并计算总金额的购物车功能示例
- javascript, jquery实现checkbox全选,反选,取消选择
- jquery checkbox全选、取消全选实现代码
- checkbox全选/取消全选以及checkbox遍历jQuery实现代码
- jquery实现checkbox全选、取消全选
- jquery实现全选和取消全选(包含子选框全选中,父选框选中功能)
- jQuery实现表格的checkbox全选/取消全选
- jquery全选checkBox功能实现代码(取消全选功能)
- jquery实现checkbox全选,反选,取消选择