js實(shí)現(xiàn)(全選)多選按鈕的方法

來(lái)源：懂視網(wǎng) 責(zé)編：小OO 時(shí)間：2020-11-27 19:34:30

js實(shí)現(xiàn)(全選)多選按鈕的方法

第一種，全部選中。<；html>；<；head>；<；title>；復(fù)選框checked屬性<；/title>；<；script language="；JavaScript"；type="；text/javascript"；>；function changeState(isChecked) { var chk_list=document.getElementsByTagName("；input"；)；for(var i=0；i<；chk_list.length；i++) { if(chk_list[i].type=="；checkbox"；} } } <；>。

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀第一種，全部選中。<；html>；<；head>；<；title>；復(fù)選框checked屬性<；/title>；<；script language="；JavaScript"；type="；text/javascript"；>；function changeState(isChecked) { var chk_list=document.getElementsByTagName("；input"；)；for(var i=0；i<；chk_list.length；i++) { if(chk_list[i].type=="；checkbox"；} } } <；>。

下面為大家?guī)?lái)一篇js實(shí)現(xiàn)(全選)多選按鈕的方法【附實(shí)例】。內(nèi)容覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。

第一種，全部選中：

<html>
 <head>
 <title>復(fù)選框checked屬性</title>
 <script language="JavaScript" type="text/javascript">
 function changeState(isChecked)
 {
 var chk_list=document.getElementsByTagName("input");
 for(var i=0;i<chk_list.length;i++)
 {
 if(chk_list[i].type=="checkbox")
 {
 chk_list[i].checked=isChecked;
 }
 }
 }
 </script>
 </head>
 <body>
 <h1>請(qǐng)選擇你的愛(ài)好</h1>
 <form name="myForm1">
 <input type="checkbox" name="cb1" checked>看書(shū)<br>
 <input type="checkbox" name="cb2" checked>上網(wǎng)<br>
 <input type="checkbox" name="cb3">游戲<br>
 </form>
 <hr>
 <form name="myForm2">
 <input type="checkbox" name="cb" onclick="changeState(this.checked)">全選
 </form>
 </body>
</html>

效果如下：