ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryでチェックボックスが選択されているかどうかを確認する方法

jqueryでチェックボックスが選択されているかどうかを確認する方法

王林
リリース: 2020-11-30 11:54:56
オリジナル
4804 人が閲覧しました

チェック ボックスがオンになっているかどうかを判断するための Jquery メソッド: [$(selector).prop("checked");] などの prop メソッドを使用して判断できます。 prop メソッドは、一致した要素セット内の最初の要素の属性値を取得するために使用されます。

jqueryでチェックボックスが選択されているかどうかを確認する方法

このチュートリアルの動作環境: Windows 10 システム、jquery バージョン 2.2.4. この方法は、すべてのブランドのコンピューターに適しています。

(推奨チュートリアル: jquery ビデオチュートリアル)

判定方法の紹介:

1. 属性の取得方法

$(selector).prop("checked");
ログイン後にコピー

2 . セレクター マッチング メソッド

$(selector).is(":checked");
ログイン後にコピー

prop() メソッドの機能: 一致した要素セット内の最初の要素の属性値を取得します。

prop() メソッドは、Properties プロパティを取得します。

コードの実装:

<!-- js -->
$("#test").click(function () {
     console.log($(this).prop("checked"));   //属性
    console.log($(this).is(":checked"));    //选择器
    console.log($(this).get(0).checked);    //原生
})
ログイン後にコピー

プログラミング関連の知識については、プログラミング学習をご覧ください。 !

以上がjqueryでチェックボックスが選択されているかどうかを確認する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート