ホームページ > ウェブフロントエンド > jsチュートリアル > jQueryを使用してチェックボックスが選択されているかどうかを確認するにはどうすればよいですか?

jQueryを使用してチェックボックスが選択されているかどうかを確認するにはどうすればよいですか?

Patricia Arquette
リリース: 2024-12-17 18:18:11
オリジナル
646 人が閲覧しました

How Can I Check if a Checkbox is Selected Using jQuery?

jQuery を使用してチェックボックスが選択されているかどうかを確認します

状況:

jQuery では、特定のアクションを実行するにはチェックボックスがチェックされているかどうかを判断する必要がありますが、デフォルトの attr('checked')チェックされていない場合、メソッドは false を返します。

解決策:

1. DOM 要素プロパティの使用:

  • DOM 要素のチェックされたプロパティに直接アクセスします:
if(document.getElementById('isAgeSelected').checked) {
    $("#txtAge").show();
} else {
    $("#txtAge").hide();
}
ログイン後にコピー

2. toggle() による表示/非表示の切り替え:

  • チェックボックスのチェックに基づいて要素を表示または非表示にするには、toggle() メソッドを使用します。 state:
$('#isAgeSelected').click(function() {
    $("#txtAge").toggle(this.checked);
});
ログイン後にコピー

注:

  • this.checked は、チェックボックスがチェックされている場合は true を返し、チェックされていない場合は false を返します。
  • toggle() は、要素が非表示の場合は表示し、要素が非表示の場合は非表示にします。
を表示します。

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

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