So implementieren Sie die Negationsmethode in jquery

So implementieren Sie die Inversion in jQuery: 1. Importieren Sie die jQuery-Bibliothek. 3. Legen Sie den ausgewählten Status anderer Mehrfachauswahlfelder fest. 4. Verwenden Sie die Methode „!chkall;“. die Identifikationsvariable.

Die Betriebsumgebung dieses Artikels: Windows7-System, JQuery-2.1.4-Version, Dell G3-Computer.

Wie implementiert man die Negationsmethode in jquery?

Verschiedene Methoden zur Verwendung von JQuery, um eine vollständige Auswahl und eine inverse Auswahl zu erreichen

Wie im Bild gezeigt: Der zu erzielende Effekt besteht darin, auf das Auswahlfeld „Alle“ zu klicken, um alle auszuwählen, und dann auf „Alle“ zu klicken, um die Auswahl aller aufzuheben

Methode 1: 1. Importieren Sie die jQuery-Bibliothek, die online heruntergeladen werden kann und kostenlos und Open Source ist. 2. Setzen Sie die Klasse auf „Fruit“ und legen Sie ihre Attribute über prop fest.

Methode 1: jQuery-Code:

//定义标识，true表示选中
        var chkall = true;
        $(function () {
            //全选按钮设置点击事件
            $("#btnAll").click(function () {
                //1、循环设置其它多选框选中状态，跟标识用的变量一样
                $(".fruit").prop("checked", chkall);
                //2、标识的变量取反
                chkall = !chkall;
            })
        })

Methode 2: Holen Sie sich alle Optionsfelder durch den Formularfilter und legen Sie dann das aktivierte Attribut in einer Schleife fest.

Methode 2: jQuery-Code:

$(function () {
                //得到全选框的值
                var $checked = this.checked;
                //通过表单过滤器得到所有单选框
                $("input[class=fruit]").each(function () {
                    //单选框的值与全选框的值保持一致
                    this.checked = $checked;
                })
            })
        })

Abschließende zusätzliche Erklärung: JQuery verwendet im Allgemeinen Attr, um Attribute abzurufen, und wir verwenden prop, um den Wert von Attributen festzulegen.

Empfohlenes Lernen: „JQuery-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Negationsmethode in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!