課程
/前端開發
/JavaScript
/用JS實現購物車特效
各位大神,把所有商品選中,全選也被選中,要怎么做
2016-06-22
源自:用JS實現購物車特效 2-1
正在回答
//如果有一個單選框不勾選則全選框取消勾選 如果全選則全選框同時被勾選var selectedOne=function () { ? ?var select=document.getElementsByClassName('check');//得到所有單選框的class ? ?var selectAll=document.getElementById('selectAll');//得到全選框的class ? ?for(var i=0;i<select.length;i++){//遍歷所有單選框 ? ? ? ?if(!select[i].checked){//如果有一個單選框沒有選中則全選框不被選中 ? ? ? ? ? ?selectAll.checked=false; ? ? ? ? ? ?return false; ? ? ? ?}else{//否則全選框被選中 ? ? ? ? ? ?selectAll.checked=true; ? ? ? ?} ? ?}};
//只需要更改為你自己的className就可以了
舉報
通過JavaScript實現類似淘寶網絡購物車功能效果
2 回答如果單選框全部選中,這個時候全選框也要被選中,這個如何實現?
4 回答如果要在所有的選項都被選中后,全選的選項自動被選上,該怎么實現?
2 回答這個案例,有兩個問題,一個是一個個勾選到全部后,全選不會打勾,其二,選中刪除,不會更新下面的選中數量及總價
2 回答一個選擇框未選,應該全選框選擇狀態消失,但是我的所有選擇框都消失,為什么呢?
3 回答全選功能有問題,如果反過來,一個一個選擇后,全選卻沒有勾上,這是為什么
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-07-18
//如果有一個單選框不勾選則全選框取消勾選 如果全選則全選框同時被勾選
var selectedOne=function () {
? ?var select=document.getElementsByClassName('check');//得到所有單選框的class
? ?var selectAll=document.getElementById('selectAll');//得到全選框的class
? ?for(var i=0;i<select.length;i++){//遍歷所有單選框
? ? ? ?if(!select[i].checked){//如果有一個單選框沒有選中則全選框不被選中
? ? ? ? ? ?selectAll.checked=false;
? ? ? ? ? ?return false;
? ? ? ?}else{//否則全選框被選中
? ? ? ? ? ?selectAll.checked=true;
? ? ? ?}
? ?}
};
//只需要更改為你自己的className就可以了