思路:1、獲取元素。2、用for迴圈歷遍陣列,把checkbox的checked設定為true即實現全選,把checkbox的checked設定為false即實現不選。3、通過if判斷,如果checked為true選中狀態的,就把checked設為false不選狀態,如果checked為false不選狀態的,就把checked設為true選中狀態。
js**:
1html**:<
script
>
2window.onload
=function
();12
};13
uncheck.onclick
=function
();17
};18
othercheck.onclick
=function
()23
else
2627
};28
};29
};30
script
>
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...