對于全選框的操作分為兩種情況:
創(chuàng)新互聯(lián)始終堅持【策劃先行,效果至上】的經(jīng)營理念,通過多達十多年累計超上千家客戶的網(wǎng)站建設總結了一套系統(tǒng)有效的全網(wǎng)整合營銷推廣解決方案,現(xiàn)已廣泛運用于各行各業(yè)的客戶,其中包括:成都玻璃貼膜等企業(yè),備受客戶贊賞。
1.單擊全選框,下面全部選中
2.單擊下面的復選框,全部點擊上,全選框被選中,否則全選框沒有選中。
html樣式
愛 好
js樣式
var oChkAll = document.getElementById("checkAll"); //全選 oChkAll.onclick = function() { for(var i = 0; i < oFav.length; i++) { oFav[i].checked = this.checked; } } //復選框組 for(var i = 0; i < oFav.length; i++) { oFav[i].onclick = function() { //如果全選 if(isChkAll()) { oChkAll.checked = true; } else { oChkAll.checked = false; } } } //判斷是否全選 function isChkAll() { var all = oFav.length; var chk = 0; for(var i = 0; i < oFav.length; i++) { if(oFav[i].checked) { chk++; } } if(all == chk) { return true; } else { return false; } }
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作能帶來一定的幫助~如果有疑問大家可以留言交流,謝謝大家對創(chuàng)新互聯(lián)的支持!