Bagaimana untuk melaksanakan kaedah penafian dalam jquery

Cara melaksanakan penyongsangan dalam jquery: 1. Import perpustakaan jQuery 2. Tetapkan acara klik 3. Gelung untuk menetapkan status pilihan kotak berbilang pilihan; pembolehubah melalui kaedah "!chkall;" Itu sahaja.

Persekitaran pengendalian artikel ini: sistem windows7, versi jquery-2.1.4, komputer Dell G3.

Bagaimana untuk melaksanakan kaedah penolakan dalam jquery?

Beberapa kaedah menggunakan JQuery untuk memilih semua dan pemilihan songsang

Seperti yang ditunjukkan dalam rajah: kesan yang perlu dicapai ialah mengklik kotak pilih semua untuk memilih semua, dan kemudian klik untuk menyahpilih semua

Kaedah 1: 1. Import perpustakaan jQuery, yang boleh dimuat turun dalam talian dan percuma serta sumber terbuka 2. Tetapkan kelas kepada buah dan tetapkan sifat mereka melalui prop.

Kaedah satu: kod jQuery:

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

Idea kaedah dua: Dapatkan semua kotak butang radio melalui penapis borang, dan kemudian tetapkan atribut yang ditandakan dalam gelung.

Kaedah 2: kod jQuery:

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

Nota tambahan terakhir: Dalam JQuery, kami biasanya menggunakan Attr untuk mendapatkan atribut dan kami menggunakan prop untuk menetapkan nilai atribut.

Pembelajaran yang disyorkan :《tutorial video jquery》

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan kaedah penafian dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!