cari

Rumah >hujung hadapan web >tutorial js >Bagaimana untuk melaksanakan (pilih semua) butang berbilang pilih dalam js [dengan contoh]_kemahiran javascript

Bagaimana untuk melaksanakan (pilih semua) butang berbilang pilih dalam js [dengan contoh]_kemahiran javascript

WBOY
WBOYasal
2016-05-16 15:07:101523semak imbas

Jenis pertama, pilih semua: 

<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>

Kesannya adalah seperti berikut:

Pilihan kedua ialah memilih yang ditentukan.

Kaedah di atas untuk melaksanakan (pilih semua) butang berbilang pilih dalam js [dengan contoh] ialah semua kandungan yang dikongsi oleh editor saya harap ia boleh memberi anda rujukan, dan saya harap anda akan menyokong Script Home.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Kod pengiklanan kesan transformasi 5 imej yang dilaksanakan oleh js+flash (kod sumber dilampirkan)Artikel seterusnya：Kod pengiklanan kesan transformasi 5 imej yang dilaksanakan oleh js+flash (kod sumber dilampirkan)

Artikel berkaitan

Lihat lagi