购物车全选,全不选,局部全选,全选判定

Posted 贺小鸣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了购物车全选,全不选,局部全选,全选判定相关的知识,希望对你有一定的参考价值。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <title>购物车</title>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.1.4.min.js"></script>
    <style>
        @charset "utf-8";
        html,body,div,p,form,label,ul,li,dl,dt,dd,ol,img,button,b,em,strong,small,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style:none;font-style:normal;}
        body{font-family:SimHei,\'Helvetica Neue\',Arial,\'Droid Sans\',sans-serif;font-size:14px;color:#333;background:#f2f2f2;}
        a, a.link{color:#666;text-decoration:none;font-weight:500;}
        a, a.link:hover{color:#666;}
        h1,h2,h3,h4,h5,h6{font-weight: normal;}
        /*头部开始*/
        .header{position:relative;width:100%;height:44px;background:#fff;border-bottom:1px solid #e0e0e0;}
        .header h1{font-size:16px;color:#333;height:44px;line-height:44px;display:block;text-align:center;}
        .header a{position: absolute;top:0;display:block;height:44px;line-height:44px;}
        .header a.back{left:0px;}
        .header a.back span{display:inline-block;width:25px;height:25px;margin:10px 5px;background: url("../images/icon/icon-back.png") no-repeat;background-size:100%;}
        .header .home{}
        /*头部结束*/

        /*input[type="checkbox"]{-webkit-appearance:none;outline: none;}*/
        input.check{background:url(../images/icon/icon_radio3.png) no-repeat center left;background-size:20px 20px;position:absolute;top:50%;left:10px;margin-top:-18px;width:20px;height:35px;}
        input.check:checked{background:url(../images/icon/icon_radio4.png) no-repeat center left;background-size:20px 20px;}
        input.goodsCheck:checked{background:url(../images/icon/icon_radio4.png) no-repeat center left;background-size:20px 20px;}
        input.check:checked{background:url(../images/icon/icon_radio4.png) no-repeat center left;background-size:20px 20px;}
        .checked{background:url(../images/icon/icon_radio4.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-18px;width:20px;height:35px;}

        @charset "utf-8";
        /* CSS Document */
        /*购物车*/
        .shopping{clear:both;overflow:hidden;height:auto;padding-bottom: 60px;}
        .shop-group-item{margin-bottom:5px;}
        .shop-group-item ul li{border-bottom:1px solid #fff;}
        .shop-group-item ul li:last-child{border-bottom:none;}

        .shop-name{background:#fff;height:35px;line-height:35px;padding:0 15px;position:relative;}
        .shop-name h4{float:left;font-size:14px;background:url(../images/icon/icon-kin.png) no-repeat left center;background-size:20px 20px;padding-left:25px;margin-left: 28px;}
        .shop-name .coupons{float:right;}
        .shop-name .coupons span{display:inline-block;padding:0 5px;}
        .shop-name .coupons em{color:#e0e0e0;}

        .shop-info{background:#f5f5f5;height:120px;padding:0 15px;position:relative;}
        .shop-info .checkbox{background:url(../images/icon/icon_radio3.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-60px;width:20px;height:120px;}
        .shop-info .checkbox1{background:url(../images/icon/icon_radio4.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-60px;width:20px;height:120px;}
        .shop-info .shop-info-img{position:absolute;top:15px;left:45px;width:90px;height:90px;}
        .shop-info .shop-info-img img{width:100%;height:100%;}
        .shop-info .shop-info-text{margin-left:130px;padding:15px 0;}
        .shop-info .shop-info-text h4{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
        .shop-info .shop-info-text .shop-brief{height:25px;line-height:25px;font-size:12px;color:#81838e;white-space:nowrap;}
        .shop-info .shop-info-text .shop-brief span{display:inline-block;margin-right:8px;}
        .shop-info .shop-info-text .shop-price{height:24px;line-height:24px;position:relative;}
        .shop-info .shop-info-text .shop-price .shop-pices {color:red;font-size:16px;}
        .shop-info .shop-info-text .shop-arithmetic{position:absolute;right:0px;top:0;width:84px;box-sizing:border-box;white-space:nowrap;height:100%;border:1px solid #e0e0e0;}
        .shop-info .shop-info-text .shop-arithmetic a{前端小demo——全选和全不选

js 判断 复选框全选全不选反选必选一个

js全选,反选,全不选

uni-app全选/全不选

vue2购物车ch3-(过滤器使用 单件商品金额计算 全选全不选 总金额计算 删除商品功能)

jQuery_全选/全不选/反选_练习