購物車的全選，全不選，局部全選，全選判定是常見的網站效果，本例子是以前寫過的一個購物車頁面，有興趣的小夥伴可以互相探討一下。
效果圖：
一個購物車的頁面，其中購物車中有各個店鋪的商品，每個店鋪的商品可以全選當前店鋪的全部商品，所以店鋪跟店鋪之間的全選互不影響。
html代碼：
由於代碼過長，循環的列表部分我就不統一截圖出來，圖中紅框的部分是全選複選框跟商品複選框的標籤。
複選框的樣式應用了一個圖片來美化，拋棄了默認的樣式，有興趣的小夥伴可以自己修改自己的樣式，這裡主要是應用了圖片來顯示那個選擇的勾；主要的css樣式如下：
：checked為當前的複選框選中，然後切換背景圖，就出現效果圖中的樣式了；
下面來看如何實現全選的JQ代碼：
代碼中詳細的注釋了功能語句，大家可以參考。
原創文章，作者：投稿專員，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/274320.html
微信掃一掃
支付寶掃一掃
500L大容積無霜冰箱，包郵價僅售1998元，擊破行業同品類冰箱最低價！國民家電格蘭仕近日重磅推出的命名為“合家歡”的超低價大冰箱，迅速成為“網紅“冰箱”。據悉，Galanz+ A…
有許多小夥伴在購入新的筆記本電腦之前，都會問有沒有必要買MacBook？幾年過去，這個問題依舊困擾着不少人，且如何選擇適合自己的MacBook也是一個難題，今天的內容希望能給小夥伴…
中國人用筷子3000多年。小小一雙筷子，不僅承載着中國人的情感和記憶。它更是中國人，一日三餐必不可少的餐具。 木製和竹製的筷子結實、輕便，所以成了很多家庭的首選，但這些筷子用一段時…
有一種鞋，即使鞋櫃中已有了同款，還要各個顏色囤上一雙——沒錯，這種鞋就叫做帆布鞋！即使潮流如何更替，帆布鞋卻依舊能能牢牢佔據鞋櫃一角，超強的百搭型及實穿性更讓它成為明星或時尚達人們…
在90後的青蔥歲月，比起昂貴的阿迪耐克，李寧、安踏、特步、361、鴻星爾克等國產運動品牌一直是中國普通人的首選。經過二十年的發展，李寧和安踏早已成為國貨潮牌的驕傲。 曾經與安踏並駕…
阿里巴巴的運營能力一直被業界稱道。從誕生之初，阿里巴巴就以促使雙方成交為目的，自然之中運營。最早創立的“雙十一”。 商業模式應該有兩個概念：一個是大概念，即企業從事經營活動的所有方…
窮人就不能逆襲了嗎？能，現在就是好多的創業者就是被窮給逼出來的，正所謂“窮則思變”。時代賦予了我們太多的責任，我們沒有趕上分配工作，沒有趕上分配房子，我們就不得已走上創業的道路，為…
大學生就業難，早已不是什麼新鮮的話題，在“大眾創業，萬眾創新”的大環境下，許多大學生開始走上了自主創業的道路。然後如果家裡沒有一定的底子的話，創業之路並不是那麼好走的，好在國家在這…
我們工作時候，很多文件信息都是保存在電腦桌面的，大家都知道桌面文件都是放置於電腦系統盤C盤的。電腦出問題了，開不了機怎麼辦？許多人會選擇重裝系統。電腦重裝系統後，系統盤全部要清空，…
無論是辦公，還是學習，都經常用到移動存儲，把東西複製來粘貼去的，這時候，你一般用的是U盤？還是說移動硬盤呢？還是說，你目前需要買，但正在糾結買哪一個，卻又不知道如何挑選呢？如果你處…
