Gemeinschaft Lernen Tools-Bibliothek Freizeit

Deutsch

Heim > Web-Frontend > js-Tutorial > Hauptteil

比较实用的复选框的实用javascript脚本_表单特效

WBOY

Freigeben： 2016-05-16 19:09:15

Original

1049 Leute haben es durchsucht

在很多网站里这都是一个很常见的效果，就是点击总分类的复选框，自动选择所有子分类的复选框，或者如果子分类的所有复选框全部被选中则总分类复选框也自动被选中。
这次偶时再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需刷新才能执行]

Verwandte Etiketten：

比较实用的复选框的实用javascript脚本

Quelle：php.cn

Vorheriger Artikel：textarea保留换行的注意事项_表单特效 Nächster Artikel：PNGHandler-借助JS让PNG图在IE下实现透明（包括背景图）_javascript技巧

Erklärung dieser Website

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Neueste Artikel des Autors

Was ist eine NullPointerException und wie behebe ich sie?

2024-10-22 09:46:29
Vom Anfänger zum Programmierer: Ihre Reise beginnt mit C-Grundlagen

2024-10-13 13:53:41
Webentwicklung mit PHP freischalten: Ein Leitfaden für Anfänger

2024-10-12 12:15:51
C entmystifizieren: Ein klarer und einfacher Weg für neue Programmierer

2024-10-11 22:47:31
Entfalten Sie Ihr Programmierpotenzial: C-Programmierung für absolute Anfänger

2024-10-11 19:36:51
Entfesseln Sie Ihren inneren Programmierer: C für absolute Anfänger

2024-10-11 15:50:41
Automatisieren Sie Ihr Leben mit C: Skripte und Tools für Anfänger

2024-10-11 15:07:41
PHP leicht gemacht: Ihre ersten Schritte in der Webentwicklung

2024-10-11 14:21:21
Erstellen Sie alles mit Python: Ein Leitfaden für Anfänger, um Ihrer Kreativität freien Lauf zu lassen

2024-10-11 12:59:11
Der Schlüssel zum Programmieren: Die Leistungsfähigkeit von Python für Anfänger freischalten

2024-10-11 12:17:31

Aktuelle Ausgaben

Wie kann ich die ausgewählten Kontrollkästchen ändern (alle auswählen), nachdem ich eines der folgenden Kontrollkästchen deaktiviert habe? Ich habe gerade das Skript „Alles überprüfen“ in JS erstellt, weiß aber nicht, wie ich es ...

Aus 2024-04-01 17:46:03

0

1

411

verwandte Themen

Mehr>

Beliebte Empfehlungen

Beliebte Tutorials

Mehr>

Verwandte Tutorials

Beliebte Empfehlungen

Aktuelle Kurse

最新ThinkPHP 5.1全球首发视频教程(60天成就PHP大牛线上培训班课)

1418557
php入门教程之一周学会PHP

4260139
JAVA 初级入门视频教程

2495166
小甲鱼零基础入门学习Python视频教程

504714
PHP 零基础入门教程

859602

Neueste Downloads

Mehr>

Web-Effekte

Quellcode der Website

Website-Materialien

Frontend-Vorlage