购物车选择和计算价格功能

<div class="car-title">
    <div class="checkboxFive">
        <input type="checkbox" value="1" id="checkbox" name="" class="title-input" checked/>
        <label for="checkbox"></label>
    </div>
    米
</div>

<div class="car-con">

  <div class="car-item clearfix">
        <div class="checkboxFive">
            <input type="checkbox" value="1" id="checkbox2" name=""  class="con-input" checked/>
            <label for="checkbox2"></label>
        </div>
        <div class="car-intro">
            <img src="images/mi.jpg">
            <div class="car-des clearfix">
                <p class="des-title">古船大米蟹稻共生 盘锦生态大米 5kg</p>
                <div class="des-left">
                    <p>规格：25Kg</p>
                    <p>起批量：10袋起 </p>
                    <p class="des-price">￥26.00</p>
                </div>
                <div class="des-right">
                    <p>产地：黑龙江</p>
                    <p>库存：2000袋</p>
                    <div class="num clearfix">
                        <span class="reduce-btn">-</span>
                        <input type="text" value="10" dafault-value="10">
                        <span class="add-btn">+</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="car-title">
    <div class="checkboxFive">
        <input type="checkbox" value="1" id="checkbox3" name=""  class="title-input" checked/>
        <label for="checkbox3"></label>
    </div>面
</div>

<div class="car-con">
    <div class="car-item clearfix">
        <div class="checkboxFive">
            <input type="checkbox" value="1" id="checkbox4" name=""  class="con-input" checked/>
            <label for="checkbox4"></label>
        </div>
        <div class="car-intro">
            <img src="images/mi.jpg">
            <div class="car-des clearfix">
                <p class="des-title">古船大米蟹稻共生 盘锦生态大米 5kg</p>
                <div class="des-left">
                    <p>规格：25Kg</p>
                    <p>起批量：10袋起 </p>
                    <p class="des-price">￥26.00</p>
                </div>
                <div class="des-right">
                    <p>产地：黑龙江</p>
                    <p>库存：2000袋</p>
                    <div class="num clearfix">
                        <span class="reduce-btn">-</span>
                        <input type="text" value="10" dafault-value="10">
                        <span class="add-btn">+</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="over">已显示全部</div>
<div class="count">
    <div class="checkboxFive">
        <input type="checkbox" value="1" id="checkbox5" name="" checked/>
        <label for="checkbox5"></label>
    </div>
    全选 合计： <span class="count-price">￥260.00元</span>
    <a href="account.html" class="account">结算</a>
</div>

 

//购物车全选功能
$(".car-title input.title-input").click(function () {
    $(this).closest(".goods").find(".car-con").find("input[type='checkbox']").prop("checked", this.checked)
    getMoney()
})
$('.all-input').click(function () {
    $(".car-wrap").find("input[type='checkbox']").prop("checked", this.checked)
    getMoney()
})

$(".con-input").click(function () {
    //获取商品组
    var unit = $(this).closest(".goods");
    //找到这个组中的所有商品
    var p_input = unit.find(".car-con").find("input[type='checkbox']");
    //根据条件修改这个组的全选状态
    unit.find(".title-input").prop("checked", p_input.length == p_input.filter(":checked").length ? true : false)
    //修改所有组的全选状态
    $(".all-input").prop("checked", $(".con-input").length == $(".con-input").filter(":checked").length ? true : false)
    //计算价格
    getMoney()
})
var $con=$(".car-con");
var $con_length=$(".car-con").length;
function getMoney(){
    var num=0;
    var price=0;
    var count=0;
    for(var i=0;i<$con_length;i++){
        if($con[i].getElementsByTagName("input")[0].checked){
            price=parseFloat($con[i].getElementsByClassName("price-s")[0].innerHTML);
            num=parseFloat($con[i].getElementsByClassName("num-input")[0].value);
            count+=price*num;
        }
    }
    $(".count-price").text(count.toFixed(2))
}