js實現(全選)多選按鈕的方法

來源：懂視網責編：小OO 時間：2020-11-27 19:34:30

js實現(全選)多選按鈕的方法

第一種，全部選中。<；html>；<；head>；<；title>；復選框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"；} } } <；>。

推薦度：

點擊下載本文 文檔為doc格式

導讀第一種，全部選中。<；html>；<；head>；<；title>；復選框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"；} } } <；>。

下面為大家帶來一篇js實現(全選)多選按鈕的方法【附實例】。內容覺得挺不錯的，現在分享給大家，也給大家做個參考。

第一種，全部選中：

<html>
 <head>
 <title>復選框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>請選擇你的愛好</h1>
 <form name="myForm1">
 <input type="checkbox" name="cb1" checked>看書<br>
 <input type="checkbox" name="cb2" checked>上網<br>
 <input type="checkbox" name="cb3">游戲<br>
 </form>
 <hr>
 <form name="myForm2">
 <input type="checkbox" name="cb" onclick="changeState(this.checked)">全選
 </form>
 </body>
</html>

效果如下：