h5 购物车动态加载页面及动态计算价格js

最新推荐文章于 2023-11-24 15:28:26 发布

冉然

最新推荐文章于 2023-11-24 15:28:26 发布

阅读量1.5k

点赞数 1

分类专栏： html5

本文链接：https://blog.csdn.net/yangyanli0309/article/details/76546341

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no">
    <title>购买清单</title>


    <script type="text/javascript" src="../../js/jquery.min.js"></script>
    <style>
        .content{
            width: 100Px;
            height: 100px;
            background: deepskyblue;
        }
        .right-div{
            width: 100Px;
            height: 100px;
            background: deepskyblue;
            text-align: center;
        }
    </style>
</head>

<body style="background: gainsboro">

<script>
    //全选
    function checkAll() {
        //用getElementsByName作为标示
        var names=document.getElementsByName('gonggaoid');
        var singAll=document.getElementById('singAll');

        var len=names.length;
        var  sum = 0;
        for(var i=0;i<len;i++){
            if(singAll.checked){
                names[i].checked=true;
            }
            if(!singAll.checked){
                names[i].checked=false;
            }
        }
        dataCal();
    }

//单选
    function dataCal(){
        var sum=0;
        var obj=document.getElementsByName("priceid");
        var names=document.getElementsByName('gonggaoid');
//取得页面所有的items复选框对象
        for(var i=0;i<names.length;i++)
        {
            if(names[i].checked){
                sum= sum + parseFloat(obj[i].innerText);
            }
        }
        checkOne();
        document.getElementById("Allcount").innerHTML = sum+".0  元";
    }


//全选
    function checkOne() {
        //每个c