js 實現input框的全選和清空

**可以直接複製就能用**背後有注釋，有看不懂的歡迎一起討論

<

!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
input標籤全選<
/title>
* table 
th,td 
.shuang 
.dan 
<
/style>
<
/head>
"chbox" type=
"checkbox"
>
<
/th>
姓名<
/th>
性別<
/th>
愛好<
/th>
<
/tr>
<
/thead>
"checkbox" value=
"1">
<
/td>
loss of my heart<
/td>
男<
/td>
下象棋<
/td>
<
/tr>
"checkbox" value=
"2">
<
/td>
loss of my heart<
/td>
男<
/td>
下象棋<
/td>
<
/tr>
"checkbox" value=
"3">
<
/td>
loss of my heart<
/td>
男<
/td>
下象棋<
/td>
<
/tr>
"checkbox" value=
"4">
<
/td>
loss of my heart<
/td>
男<
/td>
下象棋<
/td>
<
/tr>
"checkbox" value=
"5">
<
/td>
loss of my heart<
/td>
男<
/td>
下象棋<
/td>
<
/tr>
"checkbox" value=
"6">
<
/td>
loss of my heart<
/td>
男<
/td>
下象棋<
/td>
<
/tr>
"checkbox" value=
"7">
<
/td>
loss of my heart<
/td>
男<
/td>
下象棋<
/td>
<
/tr>
"checkbox" value=
"8">
<
/td>
loss of my heart<
/td>
男<
/td>
下象棋<
/td>
<
/tr>
<
/tbody>
<
/table>
//隔行變色
var trs = document.
queryselectorall
("tbody tr"
)//獲取
for(i =
0; i < trs.length; i++
)else
trs[i]
.onmouseover
=function()
trs[i]
.onmouseout
=function()
}//核取方塊的多選效果實現
var chbox = document.
queryselector
("#chbox"
)//通過id來獲取元素thade的元素
var chboxs = document.
queryselectorall
("tbody input"
)//通過標籤後代來獲取tbody的元素 
var arr =
;//定義乙個空陣列
chbox.
onclick
=function()
getfun()
;//呼叫getfun（）函式
}for
(i =
0; i < chboxs.length; i++
)else}}
//獲取選中的input標籤
function
getfun()
}}<
/script>
<
/body>
<
/html>

實現編輯框的全選和取消全選

對於乙個編輯框，實現它的全選和取消全選 前提 該編輯框獲得焦點 為對話方塊類新增乙個成員變數 bool m bselectall 用於控制全選狀態。另外過載對話方塊類的pretranslatemessage事件，新增如下 bool cd1dlg pretranslatemessage msg pms...

js實現全選和反選功能

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