简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial js > teks badan

Kaedah pelaksanaan js pilih semua kemahiran button_javascript

WBOY
Lepaskan： 2016-05-16 15:31:50
asal
1335 orang telah melayarinya

Contoh dalam artikel ini menerangkan kod pelaksanaan butang pilih semua js. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Tangkapan skrin kesan berjalan adalah seperti berikut:

Kod khusus adalah seperti berikut

<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>
Salin selepas log masuk

Di atas adalah kaedah pelaksanaan butang js pilih semua, saya harap ia akan membantu pembelajaran semua orang.

Label berkaitan：
js全选按钮 js实现checkbox全选 js实现全选 js实现全选和反选 js如何实现全选
sumber：php.cn
Artikel sebelumnya：Penjelasan terperinci tentang pelaksanaan JS bagi kemahiran examples_javascript tab Artikel seterusnya：Pelajari kemahiran javascript yang tidak ditentukan dan null_javascript daripada saya
Kenyataan Laman Web ini
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 terbaru oleh pengarang
Isu terkini
Cara mencetak nilai kotak pilihan yang dipilih selepas penyerahan Ini ialah senarai kotak pilihan saya dan butang yang saya perlukan untuk menyerahkan data....
daripada 2024-04-06 13:07:43
0
2
337
Tolak objek ke tatasusunan, API boleh gubah Ada projek. Terdapat dua pilihan pilihan "saiz" (besar, kecil) dan kuantiti (2/4...
daripada 2024-04-05 14:41:47
0
1
1526
Webdriverio 8: Tidak dapat melakukan CTRL + berbilang klik Saya mempunyai beberapa lajur dan saya perlu menekan butang ctrl dan kemudian pilih berbil...
daripada 2024-04-05 09:57:11
0
1
1449
Menghadapi masalah mengeluarkan objek dalam Komponen Vue saya menggunakan objek di dalam objek untuk memaparkan elemen. Apabila saya m...
daripada 2024-04-03 21:48:14
0
1
302
Kelas baris CSS menjadikan elemen tertentu terkeluar daripada bingkai, manakala ia harus statik dan ditetapkan pada bahagian bawah paparan Halaman saya pada masa ini kelihatan seperti ini. Selepas menambah kelas baris supaya kedu...
daripada 2024-04-03 18:48:12
0
1
281
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！