购物车全选,全不选,局部全选,全选判定
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——全选和全不选