亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

簡單的jquery模仿復選框全選全不選功能

發布時間:2020-07-05 17:11:13 來源:網絡 閱讀:384 作者:小旭依然 欄目:web開發

照樣,在此我把關鍵代碼貼出來,css樣式我為了簡單,就單純的是在選中后,更換了一張背景圖片而已。

jquery代碼:

 	$(function(){
        		$(" span.zdy-icon-radio").click(function(){
        			$(this).toggleClass("active");
        		});
	
                 $("#checkall").click(function(){

			if($(this).hasClass('active')){				 //如果當前點擊的多選框被選中
				 $('.gwc-bg span.zdy-icon-radio').addClass("active");
			}else{								
			     $('.gwc-bg span.zdy-icon-radio').removeClass("active");
			}
	 });
	 });

html代碼:

<div class="xp-content02">
			<div class="headertop mui-clearfix order-border" >
				<div class="left_welcome">
					<a href="../index.html">秀品</a>
				</div>
				<div class="right_pleaseLogin">
					請先[<a href="login.html">登錄</a>或[<a href="register.html">注冊</a> ]
					<i class="iconfont">&#xe60d;</i> <a href="#">購物車 </a><span class="cs">0</span> 件
				</div>
			</div>
			<div class="tt02">
				購物車
			</div>
		   <div class="gouwuche">
		   	   <li class="mui-table-view-cell">
		   	   	   <div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red">刪除</a>
					</div>
					<div class="orde-pay-baobei mui-slider-handle" >
					<div class="order-title mui-clearfix">
						<a href="#">編輯</a>
						<a href="#" >
							<span><img src="../img/shop_small_logo.jpg" /></span>
							<span>(Ditto)迪圖女裝專賣</span>
							<div class="choose-yours02"></div>
						</a>
					</div>
					<div class="order-baobeiCon gwc-bg mui-clearfix">
						<div class="grc-lf">
							<span class="zdy-icon-radio"></span>
						</div>
						<div class="small-img-lef"><img src="../img/order01.jpg"/> </div>
						<div class="baobei-intro-rt wt06" >
							<p class="baobei-title"><a href="#"> 2016春夏季女裝新款 重工卡通徽章貼布冰絲...</a></p>
							<p class="gmsl"><span>x 1</span>顏色分類:黑色,尺碼 L</p>
							<p class="hs">¥ 259.00</p>
						</div>
					</div>
				</div>
				</li>
				<div class="greybg02"></div>
				<li class="mui-table-view-cell">
		   	   	   <div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red">刪除</a>
					</div>
					<div class="orde-pay-baobei mui-slider-handle" >
					<div class="order-title mui-clearfix">
						<a href="#">編輯</a>
						<a href="#" >
							<span><img src="../img/shop_small_logo.jpg" /></span>
							<span>(Ditto)迪圖女裝專賣</span>
							<div class="choose-yours02"></div>
						</a>
					</div>
					<div class="gwc-bg mui-clearfix">
						<div class="grc-lf">
							<span class="zdy-icon-radio active"></span>
						</div>
						<div class="small-img-lef"><img src="../img/order01.jpg"/> </div>
						<div class="baobei-intro-rt wt06" >
							<p class="baobei-title"><a href="#"> 2016春夏季女裝新款 重工卡通徽章貼布冰絲...</a></p>
							<p class="gmsl"><span>x 1</span>顏色分類:黑色,尺碼 L</p>
							<p class="hs">¥ 259.00</p>
						</div>
					</div>
				</div>
				</li>
				<div class="greybg02"></div>
					
		   </div>
		   <div class="gouwuche-jiesuan">
		   	<div class="grc-lf quanxuan">
							<span class="zdy-icon-radio " id="checkall">全選</span>
			</div>
			<div class="heji">
				合計:<span>¥259.00</span>
			</div>
			<div class="jiesuan">
				<a href="submit-order.html">結算</a>
			</div>
		   </div>
		</div>

效果圖預覽:

簡單的jquery模仿復選框全選全不選功能

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

大邑县| 门头沟区| 弥勒县| 林周县| 林甸县| 禹城市| 纳雍县| 易门县| 南木林县| 博白县| 四子王旗| 苏尼特右旗| 观塘区| 项城市| 区。| 铜陵市| 高清| 彰武县| 珠海市| 凤庆县| 徐水县| 天祝| 清涧县| 亳州市| 永年县| 姜堰市| 宝清县| 翁牛特旗| 阿尔山市| 原平市| 安平县| 阜新| 自治县| 年辖:市辖区| 炉霍县| 名山县| 丽水市| 明星| 高州市| 石林| 大悟县|