JS實現全選 不選 反選

2021-07-27 22:38:54 字數 2590 閱讀 7741

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

js**:

1

<

script

>

2window.onload

=function

();12

};13

uncheck.onclick

=function

();17

};18

othercheck.onclick

=function

()23

else

2627

};28

};29

};30

script

>

html**:

1 全選:<

input

type

="button"

id="all"

value

="全選"

/><

br />

2 不選<

input

type

="button"

id="uncheck"

value

="不選"

/><

br />

3 反選<

input

type

="button"

id="othercheck"

value

="反選"

/><

br />

4<

div

id="div"

>

5<

input

type

="checkbox"

/><

br />

6<

input

type

="checkbox"

/><

br />

7<

input

type

="checkbox"

/><

br />

8<

input

type

="checkbox"

/><

br />

9<

input

type

="checkbox"

/><

br />

10<

input

type

="checkbox"

/><

br />

11<

input

type

="checkbox"

/><

br />

12<

input

type

="checkbox"

/><

br />

13<

input

type

="checkbox"

/><

br />

14<

input

type

="checkbox"

/><

br />

15<

input

type

="checkbox"

/><

br />

16<

input

type

="checkbox"

/><

br />

17<

input

type

="checkbox"

/><

br />

18<

input

type

="checkbox"

/><

br />

19<

input

type

="checkbox"

/><

br />

20<

input

type

="checkbox"

/><

br />

21<

input

type

="checkbox"

/><

br />

22<

input

type

="checkbox"

/><

br />

23<

input

type

="checkbox"

/><

br />

24<

input

type

="checkbox"

/><

br />

25div

>

js實現checkbox全選 不選與反選

一 思路 1.獲取元素 2.給全選 不選 反選新增點選事件 3.用for迴圈checkbox 4.把checkbox的checked設定為true即實現全選 5.把checkbox的checked設定為false即實現不選 6.通過if判斷,如果checked為true選中狀態的,就把checked...

全選 不選和反選

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

js反選 全選

js的寫法在標題行增加全選核取方塊和反選按鈕,在 資料行增加帶name屬性的核取方塊。type checkbox id checkall nclick checkall type button value 反選 nclick inversechk 主鍵序號 var recruit name chec...