jqueryで否定メソッドを実装する方法

反転を実現する jquery メソッド: 1. jQuery ライブラリをインポートする; 2. クリック イベントを設定する; 3. 他の複数選択ボックスの選択状態を設定するループ; 4. 識別の反転を実装する「!chkall;」メソッドを介して変数を追加するだけです。

この記事の動作環境: Windows7 システム、jquery-2.1.4 バージョン、Dell G3 コンピューター。

jquery で反転メソッドを実装するにはどうすればよいですか?

JQuery を使用してすべての選択と逆選択を実現するいくつかの方法

図に示すように、達成される効果は、[すべて選択] ボックスをクリックしてすべてを選択することです。次に、クリックしてすべての選択を解除します

方法 1: 1. オンラインでダウンロードでき、無料でオープン ソースである jQuery ライブラリをインポートします。2. クラスを Fruit に設定し、 prop を通じてプロパティを設定します。

方法 1: jQuery コード:

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

方法 2 のアイデア: フォーム フィルターを通じてすべてのラジオ ボタン ボックスを取得し、ループ内で selected 属性を設定します。

#方法 2: jQuery コード:

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

最後の追加説明: JQuery では、通常、Attr を使用して属性を取得し、prop を使用して属性の値を設定します。

推奨される学習: "

jquery ビデオ チュートリアル >>

以上がjqueryで否定メソッドを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。