全選 不選和反選

2021-10-03 05:18:52 字數 1159 閱讀 2364

今天我們來學習一下如何實現全選、不選和反選,首先我們來看一張收件箱的。

收件箱如果只是簡單的刪除幾封郵件,選中刪除就可以了,但是如果郵箱裡堆滿了郵件,乙個乙個的選中再刪除,太過於浪費精力。今天你學會了如何實現全選、不選和反選,就可以不花精力的刪掉過期的郵件。接下來我們看效果圖。

沒被選中之前

全選

不選

反選前

反選後接下來我們來分析一下**。

我們先來看一下全選的**,之前我們學過的for迴圈,這裡就用到了。

obtn1.onclick = function() 

}

等於true就說明將未選中的checked選中,那不選只需要等於false就可以了。

obtn2.onclick = function() 

}

至於反選就更簡單了,只需做一下判斷就可以,之前選中的變不選,未被選中的變可選。

obtn3.onclick = function()  else }}

好了,今天的分享就到這裡。

願你三冬暖,願你春不寒;願你天黑有燈,下雨有傘。

小晴天.jpg

JS實現全選 不選 反選

思路 1 獲取元素。2 用for迴圈歷遍陣列,把checkbox的checked設定為true即實現全選,把checkbox的checked設定為false即實現不選。3 通過if判斷,如果checked為true選中狀態的,就把checked設為false不選狀態,如果checked為false不...

jQuery實現全選 反選和不選功能

直接複製儲存用瀏覽器開啟可以看效果,功能實現挺好的。1doctype html 2 html lang zh cn 34 head 5 meta charset utf 8 6 title jquery實現全選 反選和不選功能 title 78 link href rel stylesheet 9 ...

全選和反選

一 xml布局 xmlns tools android layout width match parent android layout height match parent android paddingbottom dimen activity vertical margin android ...