JS實現簡單的多選選項的全選反選按鈕

1

doctype html
>
2<
html
>
3<
head 
lang
="en"
>412
<
meta 
charset
="utf-8"
>
13<
title
>js實現全選，反選
title
>
14<
script 
type
>
15function
cc(number)
22else
if(number==2
)else
if(number==3
)27}28
statistics()29}
30function
statistics()39}
40span.innerhtml="
當前選中"+
current+"
首，共"
+total+"
首"41}
42script
>
43head
>
44<
input 
type
="button"
value
="全選"
onclick
="cc(1)"
/>
45<
input 
type
="button"
value
="取消全選"
onclick
="cc(2)"
/>
46<
input 
type
="button"
value
="反選"
onclick
="cc(3)"
/>
47<
hr/>
48<
body
>
49<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 鐵血丹心<
br/>
50<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 火<
br/>
51<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 大海<
br/>
52<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 好漢歌<
br/>
53<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 我們不一樣<
br/>
54<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 成都<
br/>
55<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 半壺紗<
br/>
56<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 你還要我怎樣<
br/>
57<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 一生所愛<
br/>
58<
input 
type
="checkbox"
name
="song"
onclick
="statistics()"
/> 追光者<
br/>
59<
span 
id="myspan"
>
span
>
60body
>
61html
>

js實現全選和反選功能

全選反選 足球籃球 跑步登山 唱歌跳舞 思路 1 獲取元素。2 用for迴圈歷遍陣列，把checkbox的checked設定為true即實現全選，把checkbox的checked設定為false即實現不選。3 通過if判斷，如果checked為true選中狀態的，就把checked設為false不...

JS實現全選 不選 反選

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

js實現全選和反選功能

1.頁面 html head title 匯出excel title head body p style text align center padding top 15px 選擇班級 select name claid id claid style color 999999 option valu...