js,jQuery如何實(shí)現(xiàn)全選、反選功能-創(chuàng)新互聯(lián)

這篇文章給大家分享的是有關(guān)js, jQuery如何實(shí)現(xiàn)全選、反選功能的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過(guò)來(lái)看看吧。

10年積累的網(wǎng)站建設(shè)、成都做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先建設(shè)網(wǎng)站后付款的網(wǎng)站建設(shè)流程，更有建德免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

js ，jq實(shí)現(xiàn)全選、反選功能：

js:思路：1.點(diǎn)擊全選按鈕實(shí)現(xiàn)，下面內(nèi)容全選，與反選 2.下面有一個(gè)沒(méi)有選中時(shí)，全選按鈕不勾選，當(dāng)全部選中時(shí)才全選。這里引入一個(gè)計(jì)數(shù)器，來(lái)判斷是否全部選中。



 
 
 
 
 
 全選
 
  蘋(píng)果
  香蕉
  橘子

var box = document.getElementById("box"); var lb = document.getElementById("lower"); var lber = lb.getElementsByTagName("input"); //全選，反選 box.onclick = function(){ if(this.checked){ for(var i=0;i

jq,使用jQuery 前先引入 jq:



 
 
 
 
 
 水果

 
  蘋(píng)果
  香蕉
  橘子

　　　　　　　//給所有 .box input 元素添加 checked = ckAll 當(dāng)前的狀態(tài)；　　　　　　　//prop('checked',value) ,第一個(gè)值獲取屬性，第二個(gè)值：設(shè)置屬性值。prop只有一個(gè)參數(shù)時(shí)，表示獲取元素屬性。　　　　　　　 $('#ckAll').click(function(){ 　　　　　　　　　　 $('.box input').prop('checked',$(this).prop('checked')); }); $('.box input').click(function(){ //each 便利每一個(gè)元素，讓其執(zhí)行該函數(shù) $('.box input').each(function(){ if(!$(this).prop('checked')){ $('#ckAll').prop('checked',false); //有一個(gè)不滿(mǎn)足就跳出該循環(huán)，避免執(zhí)行下面 return false; }else{ $('#ckAll').prop('checked',true); } }) })

感謝各位的閱讀！關(guān)于“js, jQuery如何實(shí)現(xiàn)全選、反選功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)，如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線(xiàn)，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。

本文名稱(chēng)：js,jQuery如何實(shí)現(xiàn)全選、反選功能-創(chuàng)新互聯(lián)
鏈接分享：http://weahome.cn/article/ecsss.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

js,jQuery如何實(shí)現(xiàn)全選、反選功能-創(chuàng)新互聯(lián)

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

js,jQuery如何實(shí)現(xiàn)全選、反選功能-創(chuàng)新互聯(lián)

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管

js,jQuery如何實(shí)現(xiàn)全選、反選功能-創(chuàng)新互聯(lián)