masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > javascript关于复选框的实用脚本代码_javascript技巧

javascript关于复选框的实用脚本代码_javascript技巧

WBOY

Lepaskan： 2016-05-16 19:09:36

asal

797 orang telah melayarinya

在很多网站里这都是一个很常见的效果，就是点击总分类的复选框，自动选择所有子分类的复选框，或者如果子分类的所有复选框全部被选中则总分类复选框也自动被选中。
这次偶时再msn的网站上偶然看到的，于是自己也试着写了下。

<title></title> 
  <script type="text/javascript"> 
    function checkAll(str){ 
        var a=document.getElementById("t"+str).getElementsByTagName("input"); 
        var b=document.getElementById("d"+str); 
        for(var i=0;i<a.length;i++){ 
            a[i].checked=b.checked; 
        } 
    }

function fixChk(str){ 
        var a=document.getElementById("t1").getElementsByTagName("input"); 
        var b=document.getElementById("d1"); 
        for(var i=0;i<a.length;i++){ 
            if(a[i].checked==false){ 
                b.checked=false; 
                return ; 
            } 
        } 
        b.checked=true; 
    } 
  </script>

<center> 
<div style="width:90%;text-align:left;border:1px solid #ccc;height:25px;line-height:25px">
<input type="checkbox" id="d1" onclick="checkAll('1')">休闲娱乐</div> 
<div style="width:90%;text-align:left;border:1px solid #ccc;" id="t1"> 
  <input type="checkbox" onclick="fixChk('1')">书籍及杂志 
  <input type="checkbox" onclick="fixChk('1')">音乐及影碟

<input type="checkbox" onclick="fixChk('1')">旅游 
</div> 
</center>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Label berkaitan：

javascript关于复选框的实用脚本代码

sumber：php.cn

Artikel sebelumnya：javascript之DIV拖动类支持在FF下拖动,调用简单_javascript技巧 Artikel seterusnya：javascript之弹出窗口居中的代码_javascript技巧

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

Apakah itu NullPointerException, dan bagaimana saya membetulkannya?

2024-10-22 09:46:29
Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C

2024-10-13 13:53:41
Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula

2024-10-12 12:15:51
Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu

2024-10-11 22:47:31
Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak

2024-10-11 19:36:51
Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak

2024-10-11 15:50:41
Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula

2024-10-11 15:07:41
PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web

2024-10-11 14:21:21
Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda

2024-10-11 12:59:11
Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula

2024-10-11 12:17:31

Isu terkini

Bagaimanakah saya boleh menukar kotak pilihan yang dipilih (pilih semua) selepas menyahtanda salah satu kotak pilihan berikut? Saya baru sahaja mencipta skrip semak semua dalam JS tetapi tidak tahu cara melaksanakanny...

daripada 2024-04-01 17:46:03

0

1

411

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