Comment implémenter la méthode de négation dans jquery

Comment implémenter l'inversion dans jquery : 1. Importez la bibliothèque jQuery ; 2. Définissez l'événement de clic ; 3. Bouclez pour définir l'état sélectionné des autres boîtes à sélection multiple ; la variable d’identification.

L'environnement d'exploitation de cet article : système windows7, version jquery-2.1.4, ordinateur Dell G3.

Comment implémenter la méthode de négation en jquery ?

Plusieurs méthodes d'utilisation de JQuery pour obtenir une sélection complète et une sélection inverse

Comme le montre l'image : L'effet à obtenir est de cliquer sur la case de sélection de tout pour tout sélectionner, puis de cliquer sur tout pour tout désélectionner

Méthode 1 : 1. Importez la bibliothèque jQuery, qui peut être téléchargée en ligne et est gratuite et open source 2. Définissez la classe sur fruit et définissez ses attributs via prop.

Méthode 1 : Code jQuery :

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

Méthode 2 : Obtenez toutes les cases de boutons radio via le filtre de formulaire, puis définissez l'attribut coché dans une boucle.

Méthode 2 : code jQuery :

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

Explication supplémentaire finale : JQuery utilise généralement Attr pour obtenir les attributs, et nous utilisons prop pour définir la valeur des attributs.

Apprentissage recommandé : "Tutoriel vidéo jquery"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!