您的位置:首页 > Web前端 > JQuery

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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jQuery